@charset "utf-8";
.content-asset p {
	margin: 0;
	line-height: inherit;
}
.content-asset h2,
.content-asset h3,
.content-asset h4,
.content-asset h5,
.content-asset h6 {
	margin: 0;
}
.content-asset ul,
.content-asset ol,
.content-asset dl {
	margin: 0;
	padding: 0;
	line-height: inherit;
}
.primary-content dl dt,
.primary-content dl dd {
	margin: 0 auto;
	padding: 0;
	line-height: inherit;
}
.expert > section .caption {
	line-height: 24px;
}
@media screen and (max-width: 768px) {
	img {
		width: 100%;
	}
	.content-asset .imgchart li p {
		line-height: 23px;
	}
}
h2 {
	font-size: 16px;
	font-weight: normal;
}
h3, h4, h5 {
	letter-spacing: .5px;
	font-weight: normal;
	text-align: center;
}
.expert {
	margin: 0 15px 30px;
	font-size: 14px;
}
.expert[lang="zh-cn"] {
	font-family: Arial, Helvetica, SimHei, sans-serif;
}
@media screen and (min-width: 769px) {
	.expert {
		overflow-x: clip;
		max-width: 996px;
		margin: 0 auto;
	}
	.content-asset .imgchart li p {
		line-height: 20px;
	}
}
.expert .kv {
	text-align: center;
}
@media screen and (min-width: 769px) {
	.expert .kv {
		padding: 126px 0 76px;
	}
}
@media screen and (max-width: 768px) {
	.expert .kv {
		margin: 0 -15px;
	}
	.content-asset p {
		line-height: 23px;
	}
}
.expert > section {
/*.lead{
			font-size: $middle-font-size;
		}*/ }

@media screen and (min-width: 769px) {
	.expert > section {
		max-width: 900px;
		margin: 0 auto;
		line-height: 24px;
	}
}
@media screen and (max-width: 768px) {
	.expert > section {
		margin-bottom: 40px;
		line-height: 23px;
	}
}
.expert > section h3 {
	border-bottom: 1px solid #000;
}
@media screen and (min-width: 769px) {
	.expert > section h3 {
		margin-top: 100px;
		padding: 0 0 5px;
		font-size: 18px;
	}
}
@media screen and (max-width: 768px) {
	.expert > section h3 {
		margin: 44px -7px 0;
		padding: 0 0 5px;
		font-size: 17px;
		letter-spacing: -.8px;
	}
}
.expert > section h4 {
	background: #e7e7e7;
	font-size: 16px;
}
@media screen and (min-width: 769px) {
	.expert > section h4 {
		margin-top: 45px;
		padding: 8px 0 8px;
	}
}
@media screen and (max-width: 768px) {
	.expert > section h4 {
		margin-top: 21px;
		padding: 6px 0 5px;
	}
}
@media screen and (min-width: 769px) {
	.expert > section:nth-of-type(2) section:nth-child(5) > h4 {
		margin-top: 20px;
	}
}

@media screen and (min-width: 769px) {
	.expert > section > p {
		margin-top: 32px;
		text-align: center;
	}
}

@media screen and (max-width: 768px) {
	.expert > section > p {
		margin-top: 20px;
	}
}
.expert > section .caption {
	color: #969696;
	text-align: right;
}
.expert > section .col2 {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.expert > section .research {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

@media screen and (min-width: 769px) {
	.expert > section .research {
		width: 739px;
		margin: 37px auto 0;
	}
}

@media screen and (max-width: 768px) {
	.expert > section .research {
		margin-top: 30px;
	}
}
.expert > section .research .txt {
	text-align: justify;
}
.expert[lang="en-us"] > section .research .txt {
	text-align: left;
}
.expert > section .research .txt p {
	margin: 0;
}

@media screen and (min-width: 769px) {
	.expert > section .research .txt {
		width: 532px;
		padding: 0 0 0 18px;
	}
}

@media screen and (max-width: 768px) {
	.expert > section .research .txt {
		width: 45%;
	}
}

@media screen and (min-width: 769px) {
	.expert > section .research .txt p {
		margin-top: 17px;
	}
}

@media screen and (min-width: 769px) {
	.expert > section .research .txt p:first-child {
		margin-top: -6px;
	}
}

@media screen and (min-width: 769px) {
	.expert > section .research .photo {
		width: 146px;
	}
}

@media screen and (max-width: 768px) {
	.expert > section .research .photo {
		width: 50%;
	}
}

@media screen and (min-width: 769px) {
	.expert > section .research .photo .caption {
		font-size: 10px;
	}
}

@media screen and (max-width: 768px) {
	.expert > section .research .photo .caption {
		font-size: 12px;
	}
}

@media screen and (min-width: 769px) {
	.expert > section section {
		max-width: 860px;
		margin: 0 auto;
	}
}

@media screen and (max-width: 768px) {
	.expert > section section > p {
		margin-top: 22px;
	}
}
.expert > section section .mechanism .txt p {
	margin: 0 auto;
}
.expert > section section .mechanism {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

@media screen and (min-width: 769px) {
	.expert > section section .mechanism {
		margin-top: 30px;
		padding: 0 13px 0 20px;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.expert > section section h4 {
		margin-top: 45px;
	}
}

@media screen and (max-width: 768px) {
	.expert > section section .mechanism {
		width: 100%;
	}
}
.expert > section section .mechanism .txt {
	text-align: justify;
}

@media screen and (min-width: 769px) {
	.expert > section section .mechanism .txt {
		width: 531px;
		margin-top: 14px;
	}
}

@media screen and (max-width: 768px) {
	.expert > section section .mechanism .txt {
		width: 100%;
		margin-top: 15px;
		-ms-flex-order: 1;
		order: 1;
	}
}

@media screen and (min-width: 769px) {
	.expert > section section .mechanism .bg1 {
		background-image: url("../img/expert/bg-mechanism1.png");
	}
}

@media screen and (max-width: 768px) {
	.expert > section section .mechanism .bg1 {
		background-image: url("../img/expert/sp/bg-mechanism1.png");
	}
}

@media screen and (min-width: 769px) {
	.expert > section section .mechanism .bg2 {
		background-image: url("../img/expert/bg-mechanism2.png");
	}
}

@media screen and (max-width: 768px) {
	.expert > section section .mechanism .bg2 {
		background-image: url("../img/expert/sp/bg-mechanism2.png");
	}
}

@media screen and (min-width: 769px) {
	.expert > section section .mechanism .bg3 {
		background-image: url("../img/expert/bg-mechanism3.png");
	}
}

@media screen and (max-width: 768px) {
	.expert > section section .mechanism .bg3 {
		background-image: url("../img/expert/sp/bg-mechanism3.png");
	}
}

@media screen and (min-width: 769px) {
	.expert > section section .mechanism .bg4 {
		background-image: url("../img/expert/bg-mechanism4.png");
	}
}

@media screen and (max-width: 768px) {
	.expert > section section .mechanism .bg4 {
		background-image: url("../img/expert/sp/bg-mechanism4.png");
	}
}
.expert > section section .mechanism .chart {
	position: relative;
	transition: 0.6s all cubic-bezier(0.77, 0, 0.175, 1);
}

@media screen and (min-width: 769px) {
	.expert > section section .mechanism .chart {
		width: 251px;
		height: 139px;
		background-position: left top;
	}
}

@media screen and (max-width: 768px) {
	.expert > section section .mechanism .chart {
		width: 100%;
		margin-top: 10px;
		-ms-flex-order: 3;
		order: 3;
		background-position: center center;
		background-size: auto 100%;
		background-repeat: no-repeat;
	}
}

@media screen and (min-width: 769px) {
	.expert > section section .mechanism .chart > p {
		width: 165px;
		position: absolute;
		margin-left: -80px;
		top: 50px;
		left: 50%;
		letter-spacing: -.5px;
	}
	.expert[lang="en-us"] > section section .mechanism .chart > p {
		top: 42px;
		margin-left: -60px;
		font-size: 12px;
		line-height: 1.6;
		letter-spacing: 0;
	}
	.expert[lang="zh-cn"] > section section .mechanism .chart > p {
		top: 45px;
		text-align: center;
		letter-spacing: 0;
	}
}

@media screen and (min-width: 769px) {
	.expert > section section .mechanism .chart .btn {
		width: 251px;
		height: 139px;
	}
}

@media screen and (max-width: 768px) {
	.expert > section section .mechanism .chart .btn {
		width: 100%;
		height: 100%;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		position: absolute;
		top: 0px;
		left: 0px;
	}
}

@media screen and (min-width: 769px) {
	.expert > section section .mechanism .chart .btn li {
		width: 36px;
		cursor: pointer;
		transition: 0.6s all cubic-bezier(0.77, 0, 0.175, 1);
	}
	.expert > section section .mechanism .chart .btn li.current img.current {
		opacity: 1;
		z-index: 2;
	}
	.expert > section section .mechanism .chart .btn li img:first-child {
		position: relative;
	}
	.expert > section section .mechanism .chart .btn li .pc-hover {
		opacity: 0;
		transition: 0.6s all cubic-bezier(0.77, 0, 0.175, 1);
	}
	.expert > section section .mechanism .chart .btn li:hover .pc-hover {
		opacity: 1;
	}
}

@media screen and (max-width: 768px) {
	.expert > section section .mechanism .chart .btn li .pc-hover {
		display: none;
	}
}

@media screen and (min-width: 769px) {
	.expert > section section .mechanism .chart .btn li img {
		transition: 0.6s all cubic-bezier(0.77, 0, 0.175, 1);
		opacity: 1;
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 1;
	}
	.expert > section section .mechanism .chart .btn li img.current {
		opacity: 0;
		z-index: 2;
	}
}

@media screen and (max-width: 768px) {
	.expert > section section .mechanism .chart .btn li img {
		transition: 0.6s all cubic-bezier(0.77, 0, 0.175, 1);
		width: auto;
		height: 100%;
	}
}

@media screen and (min-width: 769px) {
	.expert > section section .mechanism .chart .btn li:nth-child(1) {
		position: absolute;
		left: 108px;
	}
}

@media screen and (max-width: 768px) {
	.expert > section section .mechanism .chart .btn li:nth-child(1) {
		width: 100%;
		height: 27%;
		margin-bottom: 5%;
		text-align: center;
		-ms-flex-order: 1;
		order: 1;
		position: relative;
	}
	.expert > section section .mechanism .chart .btn li:nth-child(1) .sp {
		position: absolute;
		left: 50%;
	}
	.expert > section section .mechanism .chart .btn li:nth-child(1) .sp.current {
		position: absolute;
	}
	.expert > section section .mechanism .chart .btn li:nth-child(1) .sp {
		opacity: 1;
	}
	.expert > section section .mechanism .chart .btn li:nth-child(1) .sp.current {
		opacity: 0;
	}
	.expert > section section .mechanism .chart .btn li:nth-child(1).current .sp {
		opacity: 0;
	}
	.expert > section section .mechanism .chart .btn li:nth-child(1).current .sp.current {
		opacity: 1;
	}
}

@media screen and (min-width: 769px) {
	.expert > section section .mechanism .chart .btn li:nth-child(2) {
		position: absolute;
		top: 53px;
		right: 0px;
	}
}

@media screen and (max-width: 768px) {
	.expert > section section .mechanism .chart .btn li:nth-child(2) {
		width: 50%;
		height: 27%;
		padding-right: 6%;
		text-align: right;
		-ms-flex-order: 3;
		order: 3;
		position: relative;
	}
	.expert > section section .mechanism .chart .btn li:nth-child(2) img {
		position: absolute;
		right: 17px;
	}
	.expert > section section .mechanism .chart .btn li:nth-child(2) .sp {
		opacity: 1;
	}
	.expert > section section .mechanism .chart .btn li:nth-child(2) .sp.current {
		opacity: 0;
	}
	.expert > section section .mechanism .chart .btn li:nth-child(2).current .sp {
		opacity: 0;
	}
	.expert > section section .mechanism .chart .btn li:nth-child(2).current .sp.current {
		opacity: 1;
	}
}

@media screen and (min-width: 769px) {
	.expert > section section .mechanism .chart .btn li:nth-child(4) {
		position: absolute;
		top: 53px;
	}
}

@media screen and (max-width: 768px) {
	.expert > section section .mechanism .chart .btn li:nth-child(4) {
		width: 50%;
		height: 27%;
		padding-left: 6%;
		text-align: left;
		-ms-flex-order: 2;
		order: 2;
		position: relative;
	}
	.expert > section section .mechanism .chart .btn li:nth-child(4) img {
		position: absolute;
		left: 17px;
	}
	.expert > section section .mechanism .chart .btn li:nth-child(4) .sp {
		opacity: 1;
	}
	.expert > section section .mechanism .chart .btn li:nth-child(4) .sp.current {
		opacity: 0;
	}
	.expert > section section .mechanism .chart .btn li:nth-child(4).current .sp {
		opacity: 0;
	}
	.expert > section section .mechanism .chart .btn li:nth-child(4).current .sp.current {
		opacity: 1;
	}
}

@media screen and (min-width: 769px) {
	.expert > section section .mechanism .chart .btn li:nth-child(3) {
		position: absolute;
		left: 108px;
		bottom: 0px;
	}
}

@media screen and (max-width: 768px) {
	.expert > section section .mechanism .chart .btn li:nth-child(3) {
		width: 100%;
		height: 27%;
		margin-top: 5%;
		text-align: center;
		-ms-flex-order: 4;
		order: 4;
		position: relative;
	}
	.expert > section section .mechanism .chart .btn li:nth-child(3) .sp {
		position: absolute;
		left: 50%;
	}
	.expert > section section .mechanism .chart .btn li:nth-child(3) .sp.current {
		position: absolute;
	}
	.expert > section section .mechanism .chart .btn li:nth-child(3) .sp {
		opacity: 1;
	}
	.expert > section section .mechanism .chart .btn li:nth-child(3) .sp.current {
		opacity: 0;
	}
	.expert > section section .mechanism .chart .btn li:nth-child(3).current .sp {
		opacity: 0;
	}
	.expert > section section .mechanism .chart .btn li:nth-child(3).current .sp.current {
		opacity: 1;
	}
}

@media screen and (min-width: 769px) {
	.expert > section section .mechanism .imgchart {
		width: 100%;
		margin-top: 25px;
		padding: 0;
	}
}

@media screen and (max-width: 768px) {
	.expert > section section .mechanism .imgchart {
		width: 100%;
		-ms-flex-order: 2;
		order: 2;
		margin-top: 40px;
		position: relative;
		overflow: hidden;
	}
	.expert > section section .mechanism .imgchart:before {
		content: "";
		display: block;
		padding-top: 110%;
	}
}

@media screen and (max-width: 768px) {
	.expert > section section .mechanism .imgchart > p {
		width: 8px;
		height: 14px;
		padding: 10px;
		box-sizing: initial;
		position: absolute;
		top: 50%;
		right: 0px;
		margin-top: -27px;
	}
}

@media screen and (min-width: 769px) {
	.expert > section section .mechanism .imgchart ol {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: justify;
		justify-content: space-between;
		line-height: 20px;
	}
}

@media screen and (max-width: 768px) {
	.expert > section section .mechanism .imgchart ol {
		width: 100%;
		position: absolute;
		top: 0px;
		left: 0px;
	}
	.expert > section section .mechanism .imgchart ol #content {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
	}
}
.expert > section section .mechanism .imgchart ol li {
	text-align: center;
}

@media screen and (min-width: 769px) {
	.expert > section section .mechanism .imgchart ol li {
		width: 175px;
		position: relative;
	}
}

@media screen and (max-width: 768px) {
	.expert > section section .mechanism .imgchart ol li {
		transition: 0.6s all cubic-bezier(0.77, 0, 0.175, 1);
		opacity: 0;
		width: 100%;
		float: left;
		position: absolute;
		top: 0px;
		left: 0px;
	}
	.expert > section section .mechanism .imgchart ol li.current {
		opacity: 1;
		left: 0px;
	}
	.expert > section section .mechanism .imgchart ol li.ready {
		opacity: 0;
		left: 50%;
		transition: none;
	}
	.expert > section section .mechanism .imgchart ol li.done {
		opacity: 0;
		left: -50%;
	}
}

@media screen and (min-width: 769px) {
	.expert > section section .mechanism .imgchart ol li img {
		opacity: .25;
		transition: 0.6s all cubic-bezier(0.77, 0, 0.175, 1);
	}
}

@media screen and (min-width: 769px) {
	.expert > section section .mechanism .imgchart ol li p {
		opacity: .25;
		transition: 0.6s all cubic-bezier(0.77, 0, 0.175, 1);
	}
}

@media screen and (max-width: 768px) {
	.expert > section section .mechanism .imgchart ol li p {
		margin-top: 18px;
	}
}

@media screen and (min-width: 769px) {
	.expert > section section .mechanism .imgchart ol li p:nth-of-type(1) {
		margin-top: 12px;
		font-size: 17px;
	}
}

@media screen and (min-width: 769px) {
	.expert > section section .mechanism .imgchart ol li p:nth-of-type(2) {
		margin-top: 14px;
		font-size: 13px;
		letter-spacing: -.5px;
	}
	.expert[lang="en-us"] > section section .mechanism .imgchart ol li p:nth-of-type(2) {
		letter-spacing: 0;
	}
}

@media screen and (min-width: 769px) {
	.expert > section section .mechanism .imgchart ol li a.arrow {
		width: 8px;
		height: 14px;
		content: "";
		background: url("../img/expert/btn-mechanism-arrow.png");
		transition: 0.6s all cubic-bezier(0.77, 0, 0.175, 1);
		position: absolute;
		top: 127px;
		right: -25px;
		cursor: pointer;
	}
	.expert > section section .mechanism .imgchart ol li a.arrow.pc-hover {
		opacity: 0;
		transition: 0.6s all cubic-bezier(0.77, 0, 0.175, 1);
		width: 8px;
		height: 14px;
		content: "";
		background: url("../img/expert/btn-mechanism-arrow-hover.png");
		position: absolute;
		top: 127px;
		right: -25px;
		cursor: pointer;
	}
	.expert > section section .mechanism .imgchart ol li a.arrow:hover.pc-hover {
		opacity: 1;
	}
}

@media screen and (max-width: 768px) {
	.expert > section section .mechanism .imgchart ol li a.arrow {
		content: "";
		display: block;
		clear: both;
	}
}

@media screen and (min-width: 769px) {
	.expert > section section .mechanism .imgchart ol li:last-child p:nth-of-type(2) {
		margin-top: 4px;
	}
	.expert[lang="en-us"] > section section .mechanism .imgchart ol li:last-child p:nth-of-type(2) {
		margin-top: 14px;
	}
	.expert[lang="zh-cn"] > section section .mechanism .imgchart ol li:last-child p:nth-of-type(2) {
		margin-top: 14px;
	}
}

@media screen and (min-width: 769px) {
	.expert > section section .mechanism .imgchart ol .current img, .expert > section section .mechanism .imgchart ol .current p {
		opacity: 1;
		transition: 0.6s all cubic-bezier(0.77, 0, 0.175, 1);
	}
}
.expert > section section .age {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

@media screen and (min-width: 769px) {
	.expert > section section .age {
		max-width: 820px;
		margin: 30px auto 0;
	}
}

@media screen and (max-width: 768px) {
	.expert > section section .age > p {
		margin-top: 26px;
	}
}
.expert > section section .age .txt {
	text-align: justify;
}

@media screen and (min-width: 769px) {
	.expert > section section .age .txt {
		width: 531px;
	}
}

@media screen and (max-width: 768px) {
	.expert > section section .age .txt {
		margin-top: 15px;
	}
}

@media screen and (min-width: 769px) {
	.expert > section section .age .txt p {
		margin-top: 25px;
	}
}

@media screen and (min-width: 769px) {
	.expert > section section .age .txt p:first-child {
		margin-top: -5px;
	}
}

@media screen and (min-width: 769px) {
	.expert > section section .age .photo {
		width: 241px;
	}
}

@media screen and (max-width: 768px) {
	.expert > section section .age .photo {
		margin-top: 31px;
	}
}

@media screen and (min-width: 769px) {
	.expert > section section > .caption {
		margin-top: 20px;
		font-size: 10px;
	}
}

@media screen and (max-width: 768px) {
	.expert > section section > .caption {
		margin-top: 0px;
		font-size: 12px;
	}
}

@media screen and (min-width: 769px) {
	.expert > section > .col2 {
		margin-top: 43px;
	}
}

@media screen and (min-width: 769px) {
	.expert > section > .col2 section {
		width: 410px;
	}
}

@media screen and (max-width: 768px) {
	.expert > section > .col2 section h4 {
		margin-top: 45px;
	}
}
.expert > section > .col2 section p {
	text-align: justify;
}

@media screen and (min-width: 769px) {
	.expert > section > .col2 section p {
		padding: 24px 20px 0;
	}
}

@media screen and (max-width: 768px) {
	.expert > section > .col2 section p {
		margin-top: 15px;
		margin-bottom: 0;
	}
}

@media screen and (min-width: 769px) {
	.expert > section > .col2 section a {
		width: 280px;
		margin: 24px auto 0;
	}
}

@media screen and (max-width: 768px) {
	.expert > section > .col2 section a {
		margin-top: 20px;
	}
}

@media screen and (max-width: 768px) {
	.expert .qa {
		margin-bottom: 35px;
	}
}

@media screen and (min-width: 769px) {
	.expert .qa h3 {
		margin-top: 78px;
	}
}

@media screen and (min-width: 769px) {
	.expert .qa p {
		margin-top: 40px;
	}
}

@media screen and (max-width: 768px) {
	.expert .qa p {
		margin-top: 20px;
	}
}
.expert .qa dl {
	background-image: url("../img/expert/bg-dotline.png");
	background-position: left bottom;
	background-repeat: repeat-x;
	font-weight: normal;
}

@media screen and (min-width: 769px) {
	.expert .qa dl {
		max-width: 860px;
		margin: 0 auto 38px;
		position: relative;
		padding: 0 0 30px;
	}
}

@media screen and (max-width: 768px) {
	.expert .qa dl {
		/*margin: 20px -10px 0;*/
		margin: 20px auto 0;
		position: relative;
		background-size: 3px 1px;
	}
}
.expert .qa dl dt {
	color: #505050;
}


@media screen and (min-width: 769px) {
	.expert .qa dl dt {
		width: 380px;
		float: left;
		margin-top: 33px;
		padding: 16px 0px 0 30px;
	}
}

@media screen and (max-width: 768px) {
	.expert .qa dl dt {
		margin-top: 0;
		background-image: url("../img/expert/bg-dotline.png");
		background-position: left top;
		background-repeat: repeat-x;
		background-size: 3px 1px;
		padding: 10px 10px 10px 25px;
	}
}
.expert .qa dl dt:before {
	content: "Q.";
	position: absolute;
}

@media screen and (min-width: 769px) {
	.expert .qa dl dt:before {
		left: 10px;
	}
}

@media screen and (max-width: 768px) {
	.expert .qa dl dt:before {
		left: 5px;
	}
}
.expert .qa dl dt:first-child {
	margin-top: 0px;
}

@media screen and (max-width: 768px) {
	.expert .qa dl dt:after {
		content: "";
		width: 11px;
		height: 6px;
		position: absolute;
		top: 50%;
		right: 10px;
		margin-top: -3px;
		background: url("../img/expert/sp/menu_arrow.png");
		background-size: 11px 6px;
	}
}
.expert .qa dl dd {
	text-align: justify;
	letter-spacing: -.5px;
}

@media screen and (min-width: 769px) {
	.expert .qa dl dd {
		margin-top: 33px;
		padding: 16px 20px 0 430px;
		background-image: url("../img/expert/bg-dotline.png");
		background-repeat: repeat-x;
	}
	.expert .qa dl dd img {
		max-width: none;
	}
}

@media screen and (max-width: 768px) {
	.expert .qa dl dd {
		padding: 15px 15px 27px 25px;
		display: none;
	}
}
.expert .qa dl dd:before {
	content: "A.";
	position: absolute;
}

@media screen and (min-width: 769px) {
	.expert .qa dl dd:before {
		left: 410px;
	}
}

@media screen and (max-width: 768px) {
	.expert .qa dl dd:before {
		left: 5px;
	}
}
.expert .qa dl dd .col2 {
	-ms-flex-pack: justify;
	justify-content: space-between;
}

@media screen and (max-width: 768px) {
	.expert .qa dl dd .col2 {
		margin-top: 13px;
		margin-left: -15px;
	}
}
.expert .qa dl dd ul {
	color: #646464;
}

@media screen and (min-width: 769px) {
	.expert .qa dl dd ul {
		width: 80%;
		margin-top: 14px;
		font-size: 10px;
		line-height: 18px;
	}
}

@media screen and (max-width: 768px) {
	.expert .qa dl dd ul {
		font-size: 9px;
		line-height: 16px;
	}
}

@media screen and (min-width: 769px) {
	.expert .qa dl dd ul li:nth-child(1) {
		padding: 0 0 0 9px;
	}
}

@media screen and (max-width: 768px) {
	.expert .qa dl dd ul li:nth-child(1) {
		padding: 0 0 0 5px;
	}
}

@media screen and (min-width: 769px) {
	.expert .qa dl dd ul li:nth-child(1):before {
		width: 36px;
		position: relative;
		top: 4px;
		margin-right: 17px;
		content: url("../img/expert/img-qa-icon1.png");
	}
}

@media screen and (max-width: 768px) {
	.expert .qa dl dd ul li:nth-child(1):before {
		content: "";
		width: 12px;
		height: 12px;
		display: inline-block;
		margin-right: 10px;
		background-image: url("../img/expert/sp/img-qa-icon1.png");
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
	}
}

@media screen and (min-width: 769px) {
	.expert .qa dl dd ul li:nth-child(2):before {
		width: 36px;
		/*position: relative;
										top: -1px;*/
		margin-right: 9px;
		content: url("../img/expert/img-qa-icon2.png");
	}
}

@media screen and (max-width: 768px) {
	.expert .qa dl dd ul li:nth-child(2):before {
		content: "";
		width: 23px;
		height: 4.5px;
		display: inline-block;
		margin-right: 5px;
		background-image: url("../img/expert/sp/img-qa-icon2.png");
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
	}
}

@media screen and (min-width: 769px) {
	.expert .qa dl dd ul li:nth-child(3):before {
		width: 36px;
		/*position: relative;
										top: -2px;*/
		margin-right: 9px;
		content: url("../img/expert/img-qa-icon3.png");
	}
}

@media screen and (max-width: 768px) {
	.expert .qa dl dd ul li:nth-child(3):before {
		content: "";
		width: 23px;
		height: 4.5px;
		display: inline-block;
		margin-right: 5px;
		background-image: url("../img/expert/sp/img-qa-icon3.png");
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
	}
}

@media screen and (min-width: 769px) {
	.expert .qa dl dd P {
		width: 20%;
		margin-top: 8px;
		font-size: 10px;
	}
}

@media screen and (max-width: 768px) {
	.expert .qa dl dd P {
		margin-top: 0px;
		font-size: 12px;
	}
}

@media screen and (min-width: 769px) {
	.expert .qa dl dd > p {
		width: 100%;
		margin-top: 40px;
	}
	.expert .qa dl dd > p img {
		max-width: 100%;
	}
}

@media screen and (max-width: 768px) {
	.expert .qa dl dd > p {
		margin-top: 25px;
		margin-left: -15px;
	}
}
.expert .qa dl:after {
	content: "";
	display: block;
	clear: both;
}

@media screen and (min-width: 769px) {
	.expert .new-product {
		max-width: 820px;
		margin: 0 auto;
		padding-top: 38px;
		padding-bottom: 41px;
		line-height: 24px;
	}
	.expert .new-product h5,
	.expert .new-product .txt p {
		margin: 0;
	}
}

@media screen and (max-width: 768px) {
	.expert .new-product {
	/*margin-top: 40px;*/ 
	}
}
.expert .new-product h5 {
	font-size: 16px;
	font-family: 'Hiragino Kaku Gothic W6 JIS2004';
	letter-spacing: .5px;
	text-align: left;
}
.expert[lang="zh-cn"] .new-product h5 {
	font-family: Arial, Helvetica, SimHei, sans-serif;
	font-weight: bold;
}

@media screen and (max-width: 768px) {
	.expert .new-product h5 {
		margin-top: 17px;
	}
}
.expert .new-product p {
	text-align: justify;
}

@media screen and (min-width: 769px) {
	.expert .new-product a {
		width: 280px;
		margin-top: 0px;
	}
}

@media screen and (max-width: 768px) {
	.expert .new-product a {
		margin-top: 20px;
	}
}

@media screen and (min-width: 769px) {
	.expert .new-product > div {
		margin-top: 24px;
	}
}

@media screen and (max-width: 768px) {
	.expert .new-product > div {
		margin-top: 17px;
	}
}

@media screen and (min-width: 769px) {
	.expert .new-product .col2 {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-align: start;
		align-items: flex-start;
		text-align: left;
	}
	.expert .new-product .col2 .linkbtn {
		width: 280px;
	}
	.expert .new-product .col2 .txt {
		width: 506px;
	}
}
a.btn-border {
	margin: 11px 0 0;
	display: block;
	border: 1px solid #000;
	border-radius: 5px;
	cursor: pointer;
	position: relative;
	text-align: center;
}

@media screen and (min-width: 769px) {
	a.btn-border {
		padding: 7px 0;
	}
}

@media screen and (max-width: 768px) {
	a.btn-border {
		padding: 11px 22px 10px 0;
		font-size: 16px;
		letter-spacing: -.9px;
	}
}
a.btn-border:after {
	content: "";
	width: 8px;
	height: 14px;
	position: absolute;
}

@media screen and (min-width: 769px) {
	a.btn-border:after {
		background: url("../img/expert/arrow.png");
		top: 50%;
		right: 10px;
		margin-top: -7px;
	}
}

@media screen and (max-width: 768px) {
	a.btn-border:after {
		background: url("../img/expert/sp/arrow.png");
		background-size: 8px 14px;
		top: 50%;
		right: 10px;
		margin-top: -7px;
	}
}

@media screen and (max-width: 768px) {
	.opened:after {
		content: "";
		width: 11px;
		height: 6px;
		position: absolute;
		top: 50%;
		right: 10px;
		margin-top: -3px;
		background: url("../img/expert/sp/menu_arrow.png");
		background-size: 11px 6px;
		transform: rotateX(180deg);
	}
}
/*toggle reset */
.toggle dt {
	padding: 0;
	position: relative;
}
.toggle dt:after {
	content: "";
}
.toggle dt.opened:after {
	content: "";
}
.toggle dd {
	margin-bottom: 0;
}

@media screen and (max-width: 768px) {
	.toggle dd {
		display: block;
	}
}