@charset "UTF-8";

/* --------------------------------------------------------------------------------------
	サポート
--------------------------------------------------------------------------------------- */

.support-wrap {
	margin-top: 42px;
	position: relative;
	z-index: 1;
}

/* サポートTOP上部のテキストリンク
.support-wrap .end-text { margin-bottom: 50px; }

.support-wrap .end-text a {
	color: var(--color-deep-blue);
	text-decoration: underline;
}
*/

.support-wrap .update-list .text-banner {
	margin-top: 28px;
	text-align: right;
}

.support-wrap .faq-content { margin-top: 72px; }

.support-wrap .support-other {
	background: url(../img/support/index/main_bg.png) no-repeat center top;
	padding-top: 100px;
}

@media (min-width: 1681px) {

	.support-wrap .support-other { background-size: 100% auto; }
}

.support-wrap .support-other .support-terminal h3 {
	font-family: var(--font-UD-ShinGo-DeBold);
	font-size: 3.2rem;
}

.support-wrap .support-other .support-terminal .image { margin-top: 46px; }

.support-wrap .support-other .support-terminal ol { margin-top: 20px; }

.support-wrap .support-manual {
	margin-top: 208px;
	padding-left: 550px;
}

.support-wrap .support-manual p { margin-top: 36px; }

.support-wrap .support-manual li { margin-top: 32px; }

.support-wrap .support-manual .image {
	max-height: 800px;
	min-width: 770px;
	overflow: hidden;
	position: absolute;
	right: 620px;
	top: calc(50% - 400px);
	width: calc(550px + (100vw - 1100px) / 2);
}

.support-wrap .support-manual .image img {
	height: auto;
	object-fit: cover;
	width: 100%;
}

.support-wrap .support-other .text-banner {
	position: absolute;
	right: 0;
	text-align: right;
	top: 12px;
}

.support-wrap .support-other .text-banner a { font-family: var(--font-UD-ShinGo-DeBold); }

.support-wrap .support-other .support-banner { margin-top: 11.333vw; }

.support-wrap .support-other .support-banner article { position: relative; }
.support-wrap .support-other .support-banner article:nth-of-type(n+2) { margin-top: 60px; }

.support-wrap .support-other .support-banner article ol,
.support-wrap .support-other .support-terminal ol {
	font-size: 0;
	left: -40px;
	position: relative;
	width: calc(100% + 40px);
}

.support-wrap .support-other .support-banner article li,
.support-wrap .support-other .support-terminal li {
	display: inline-block;
	margin-left: 40px;
	margin-top: 40px;
	min-width: 530px;
	vertical-align: top;
}

.support-wrap .support-other .support-banner .center { text-align: center; }


.support-ec {
	margin: 0;
	padding-top: 50px;
	padding-bottom: 10px;
	text-align: center;
}

.ec_base_link a {
	text-decoration: underline;
	color: dodgerblue;
}


@media (max-width: 1040px) {

	.support-wrap .support-manual {
		margin: 16vw 5.333vw 0;
		padding-left: 0;
		width: auto;
	}

	.support-wrap .support-manual .image {
		margin-top: 6.667vw;
		min-width: inherit;
		overflow: hidden;
		position: relative;
		right: auto;
		top: auto;
		width: auto;
	}

	.support-wrap .support-manual .image img {
		margin-bottom: -21.667vw;
		margin-top: -13.667vw;
		max-width: 100%;
	}

	.support-wrap .support-manual p { margin-top: 4.267vw; }
}

@media (max-width: 768px) {

	.support-wrap { margin-top: 0; }

	/* サポートTOP上部のテキストリンク
	.support-wrap .end-text { margin-bottom: 6.667vw; }
	 */
	
	.support-wrap .update-list {
		margin: 11.2vw 5.333vw 0;
		width: auto;
	}

	.support-wrap .update-list .text-banner { margin-top: 5.6vw; }

	.support-wrap .faq-content { margin-top: 17.333vw; }

	.support-wrap .support-other { padding-top: 16vw; }

	.support-wrap .support-other .support-terminal {
		margin-left: 5.333vw;
		margin-right: 5.333vw;
	}

	.support-wrap .support-other .support-terminal h3 { font-size: 7.467vw; }

	.support-wrap .support-other .support-terminal .image { margin-top: 7.467vw; }
	.support-wrap .support-other .support-terminal .banner { margin-top: 8vw; }

	.support-wrap .support-manual ol { margin-top: 5.6vw; }
	.support-wrap .support-manual li { margin-top: 2.667vw; }
	.support-wrap .support-manual li:first-of-type { margin-top: 0; }

	.support-wrap .support-manual .image {
		margin-left: -5.333vw;
		margin-right: -5.333vw;
	}

	.support-wrap .support-other .support-banner {
		margin: 13.333vw 5.333vw 0;
		width: auto;
	}

	.support-wrap .support-other .support-banner article ol,
	.support-wrap .support-other .support-terminal ol {
		left: auto;
		margin-top: 6.4vw;
		width: auto;
	}

	.support-wrap .support-other .support-banner article li,
	.support-wrap .support-other .support-terminal li {
		display: block;
		margin-left: 0;
		margin-top: 0;
		min-width: inherit;
	}

	.support-wrap .support-other .support-banner article li:nth-of-type(n+2),
	.support-wrap .support-other .support-terminal li:nth-of-type(n+2) { margin-top: 2.8vw; }
}

/* --------------------------------------------------------------------------------------
	よくあるご質問(一覧)
--------------------------------------------------------------------------------------- */

.faq-wrap {
	margin-top: 82px;
	position: relative;
	z-index: 1;
}

.faq-wrap .search-box { font-size: 0; }

.faq-wrap .search-box .image {
	border: 2px solid var(--border-color-thin);
	display: inline-block;
	max-width: 17.5%;
	padding: 24px 0;
	position: relative;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}

.faq-wrap .search-box dl {
	display: inline-block;
	margin-left: 3.666%;
	max-width: 78.82%;
	position: relative;
	text-align: left;
	vertical-align: middle;
	width: 100%;
}

.faq-wrap .search-box dt {
	font-family: var(--font-UD-ShinGo-DeBold);
	font-size: 2.4rem;
}

.faq-wrap .search-box dd { margin-top: 20px; }

.faq-wrap .search-box dd .search-form input[type='text'] { max-width: 74.91%; }
.faq-wrap .search-box dd .search-form button { max-width: 24.91%; }

.faq-list-wrap { margin-top: 40px; }

.faq-list-wrap .faq-list-head dt {
	float: left;
	font-size: 2.4rem;
}

.faq-list-wrap .faq-list-head dt strong {
	display: inline-block;
	font-family: var(--font-UD-ShinGo-DeBold);
}

.faq-list-wrap .faq-list-head dt span {
	display: inline-block;
	font-family: var(--font-UD-ShinGo-Regular);
	font-size: 60%;
	margin-left: 13px;
}

.faq-list-wrap .faq-list-head dd { float: right; }

.faq-list-wrap .faq-list-head dd form { position: relative; }

.faq-list-wrap .faq-list-head dd form::after {
	background: url(../img/common/icon_arrow_blue.svg) no-repeat;
	content: '';
	display: block;
	height: 10px;
	position: absolute;
	right: 13px;
	top: calc(50% - 5px);
	width: 15px;
}

.faq-list-wrap .faq-list-head dd select {
	appearance: none;
	border: 1px solid var(--border-color);
	border-radius: 6px;
	min-width: 144px;
	outline: none;
	padding: 6px 30px 6px 10px;
}

.faq-list-inner {
	background-color: var(--color-gray-white);
	margin-top: 32px;
	padding: 32px;
}

.faq-list-inner dl {
	background-color: #fff;
	border-radius: 8px;
	cursor: pointer;
	padding: 24px;
}

.faq-list-inner dl:nth-of-type(n+2) { margin-top: 16px; }

.faq-list-inner dt,
.faq-detail-wrap .related li a {
	border-bottom: 1px solid var(--border-color-thin);
	font-family: var(--font-UD-ShinGo-DeBold);
	padding-bottom: 22px;
	padding-left: 30px;
	position: relative;
}

.faq-list-inner dt::before,
.faq-detail-wrap .related li a::before {
	color: var(--color-deep-blue);
	content: 'Q.';
	font-size: 2rem;
	left: 0;
	position: absolute;
	top: -4px;
}

.faq-list-inner dd { margin-top: 20px; }

.faq-list-inner dd a {
	background: url(../img/common/icon_arrow.svg) no-repeat right center;
	display: block;
	line-height: 1.6;
	padding-right: 66px;
	text-decoration: none;
	transition: var(--transition);
}

.faq-list-inner .pager-wrap { margin-top: 32px; }

@media (max-width: 768px) {

	.faq-wrap {
		margin: 11.2vw 5.333vw 0;
		width: auto;
	}

	.faq-wrap .search-box { position: relative; }

	.faq-wrap .search-box .image { max-width: 25.6vw; }

	.faq-wrap .search-box .image img { max-height: 14.4vw; }

	.faq-wrap .search-box dl {
		margin-left: 0;
		max-width: 100%;
		position: static;
	}

	.faq-wrap .search-box dt {
		height: 26.833vw;
		left: 30.4vw;
		line-height: 26.833vw;
		position: absolute;
		top: 0;
	}

	.faq-wrap .search-box dd { margin-top: 4.267vw; }

	.faq-wrap .search-box dd .search-form input[type='text'] { max-width: 62.667vw; }
	.faq-wrap .search-box dd .search-form button { max-width: 26.4vw; }

	.faq-list-wrap { margin-top: 4.267vw; }

	.faq-list-wrap .faq-list-head {
		padding-bottom: 11.333vw;
		position: relative;
	}

	.faq-list-wrap .faq-list-head dt {
		float: none;
		font-size: 5.333vw;
	}

	.faq-list-wrap .faq-list-head dt span {
		bottom: 2.33vw;
		left: 0;
		margin-left: 0;
		position: absolute;
	}

	.faq-list-wrap .faq-list-head dd {
		bottom: 0;
		float: none;
		position: absolute;
		right: 0;
	}

	.faq-list-wrap .faq-list-head dd select {
		font-size: 3.2vw;
		min-width: 32vw;
		padding: 1.867vw 8.533vw 1.867vw 3.2vw;
	}

	.faq-list-inner {
		margin: 5.333vw -5.333vw 0;
		padding: 6.4vw 5.333vw;
	}

	.faq-list-inner dl {
		border-radius: 2.133vw;
		padding: 4.8vw 4.267vw;
	}

	.faq-list-inner dl:nth-of-type(n+2) { margin-top: 4.267vw; }

	.faq-list-inner dt,
	.faq-detail-wrap .related li a {
		padding-bottom: 2.333vw;
		padding-left: 7.333vw;
	}

	.faq-list-inner dt::before,
	.faq-detail-wrap .related li a::before { font-size: 4.8vw; }

	.faq-list-inner dd { margin-top: 2.333vw; }

	.faq-list-inner dd a {
		background-position: right bottom;
		background-size: 6.933vw auto;
		padding-bottom: 2.667vw;
		padding-right: 0;
	}

	.faq-list-inner .pager-wrap { margin-top: 3.733vw; }
}

/* --------------------------------------------------------------------------------------
	よくあるご質問(詳細)
--------------------------------------------------------------------------------------- */

.faq-detail-wrap { margin-top: 44px; }

.faq-detail-wrap .faq-detail-answer h2 {
	border-bottom: 1px solid var(--border-color-thin);
	font-size: 2rem;
	font-family: var(--font-UD-ShinGo-DeBold);
	padding-bottom: 22px;
	padding-left: 40px;
	position: relative;
}

.faq-detail-wrap .faq-detail-answer h2::before {
	color: var(--color-deep-blue);
	content: 'Q.';
	font-size: 2.4rem;
	left: 0;
	position: absolute;
	top: -4px;
}

.faq-detail-wrap .faq-detail-answer .text {
	border-bottom: 1px solid var(--border-color-thin);
	margin-top: 24px;
	padding-bottom: 24px;
}

.faq-detail-wrap .faq-detail-answer .text p { line-height: 1.7; }
.faq-detail-wrap .faq-detail-answer .text p:nth-of-type(n+2) { margin-top: 28px; }

.faq-detail-wrap .enquete {
	background-color: var(--color-gray-white);
	border-radius: 16px;
	margin-top: 32px;
	padding: 36px 0 40px;
	text-align: center;
}

.faq-detail-wrap .enquete h2 {
	font-family: var(--font-UD-ShinGo-DeBold);
	font-size: 2rem;
}

.faq-detail-wrap .enquete ul {
	font-size: 0;
	margin-top: 26px;
}

.faq-detail-wrap .enquete li { display: inline-block; }
.faq-detail-wrap .enquete li:nth-of-type(n+2) { margin-left: 46px; }

.faq-detail-wrap .enquete li input[type='radio'] { display: none; }

.faq-detail-wrap .enquete li label {
	cursor: pointer;
	font-size: 1.6rem;
	padding-left: 32px;
	position: relative;
}

.faq-detail-wrap .enquete li label::before {
	background-color: #fff;
	border: 1px solid var(--border-color);
	border-radius: 100vw;
	content: '';
	display: block;
	height: 20px;
	left: 0;
	position: absolute;
	top: calc(50% - 10px);
	width: 20px;
}

.faq-detail-wrap .enquete li input:checked + label::after {
	background-color: var(--color-deep-blue);
	border-radius: 100vw;
	content: '';
	display: block;
	height: 12px;
	left: 4px;
	position: absolute;
	top: calc(50% - 6px);
	width: 12px;
}

.faq-detail-wrap .enquete .questioner_submit_btn { margin-top: 28px; }

.faq-detail-wrap .enquete .questioner_submit_btn input[type='submit'] {
	appearance: none;
	background-color: #fff;
	border: 2px solid var(--border-color);
	border-radius: 8px;
	color: #000;
	cursor: pointer;
	font-size: 1.419999rem;
	font-family: var(--font-UD-ShinGo-DeBold);
	height: 40px;
	min-width: 132px;
	outline: none;
}

.faq-detail-wrap .related { margin-top: 62px; }

.faq-detail-wrap .related h2 {
	font-size: 2.4rem;
	font-family: var(--font-UD-ShinGo-DeBold);
}

.faq-detail-wrap .related ol { margin-top: 20px; }

.faq-detail-wrap .related li a {
	display: block;
	padding-top: 22px;
}

.faq-detail-wrap .related li a::before { top: 18px; }

.faq-detail-wrap .contact-banner {
	margin-top: 100px;
	text-align: center;
}

.faq-detail-wrap .contact-banner h2 {
	font-size: 3.2rem;
	font-family: var(--font-UD-ShinGo-DeBold);
}

.faq-detail-wrap .contact-banner ol {
	font-size: 0;
	left: -40px;
	margin-bottom: -40px;
	margin-top: 42px;
	position: relative;
	top: -40px;
	width: calc(100% + 40px);
}

.faq-detail-wrap .contact-banner li {
	display: inline-block;
	margin-left: 40px;
	margin-top: 40px;
	min-width: 530px;
	text-align: left;
}

@media (max-width: 768px) {

	.faq-detail-wrap { margin-top: 6.4vw; }

	.faq-detail-wrap .faq-detail-answer h2 {
		font-size: 4.8vw;
		padding-bottom: 5.6vw;
		padding-left: 9.333vw;
	}

	.faq-detail-wrap .faq-detail-answer h2::before { font-size: 5.333vw; }

	.faq-detail-wrap .faq-detail-answer .text {
		margin-top: 5.6vw;
		padding-bottom: 5.6vw;
	}

	.faq-detail-wrap .faq-detail-answer .text p:nth-of-type(n+2) { margin-top: 5.6vw; }

	.faq-detail-wrap .enquete {
		border-radius: 2.133vw;
		margin-top: 8.267vw;
	}

	.faq-detail-wrap .enquete h2 { font-size: 4.8vw; }

	.faq-detail-wrap .enquete ul { margin-top: 5.333vw; }
	.faq-detail-wrap .enquete li:nth-of-type(n+2) { margin-left: 3.2vw; }
	.faq-detail-wrap .enquete li label { font-size: 3.733vw; }

	.faq-detail-wrap .enquete .questioner_submit_btn { margin-top: 5.333vw; }

	.faq-detail-wrap .enquete .questioner_submit_btn input[type='submit'] {
		border-radius: 1.333vw;
		font-size: 3.733vw;
		font-weight: var(--Bold);
		height: 11.733vw;
		width: 42.667vw;
	}

	.faq-detail-wrap .related { margin-top: 8vw; }
	.faq-detail-wrap .related ol { margin-top: 2.667vw; }
	.faq-detail-wrap .related li a {
		padding-bottom: 3.333vw;
		padding-top: 3.333vw;
	}

	.faq-detail-wrap .related li a::before { top: 1.933vw; }

	.faq-detail-wrap .contact-banner { margin-top: 16.533vw; }
	.faq-detail-wrap .contact-banner h2 { font-size: 7.467vw; }

	.faq-detail-wrap .contact-banner ol {
		left: auto;
		margin-bottom: auto;
		margin-top: 6.933vw;
		top: auto;
		width: auto;
	}

	.faq-detail-wrap .contact-banner li {
		display: block;
		margin-left: 0;
		margin-top: 0;
		min-width: inherit;
	}

	.faq-detail-wrap .contact-banner li:nth-of-type(n+2) { margin-top: 2.667vw; }
}

/* --------------------------------------------------------------------------------------
	動作環境について
--------------------------------------------------------------------------------------- */

.requirements-wrap {
	margin-top: 82px;
	position: relative;
	z-index: 1;
}

.requirements-wrap .info-require{
	margin:auto;
	padding:20px 20px 20px 20px;
	background-color:#ececec;
	border-radius: 10px;
	border:#bfbfbf solid 1px;
	font-size: 1.5rem;
	line-height: 180%;
}

.requirements-wrap .info-require p{
	margin-bottom: 10px;
	font-size: 1.6rem;
}

.requirements-wrap article:nth-of-type(n+2) { margin-top: 46px; }

.requirements-wrap article h2 { 
	margin-top: 60px;
	margin-bottom: 10px;
}

.requirements-wrap article h2 strong {
	font-size: 2.4rem;
	font-family: var(--font-UD-ShinGo-DeBold);
}

.requirements-wrap article h2 span {
	display: inline-block;
	margin-left: 24px;
}


.requirements-wrap article .info_attention{
	margin-top: 0;
	margin-bottom: 10px;
	padding: 0;
	text-indent: -1em;
	color: #ff0000;
}


.requirements-wrap article > p,
.requirements-wrap article .text p,
.requirements-wrap article .text li { line-height: 1.6; }

.requirements-wrap article .text:nth-of-type(n+2),
.requirements-wrap article > p:nth-of-type(n+2),
.requirements-wrap article > .table-scroll { margin-top: 24px; }

.requirements-wrap article .text li {
	margin-left: 1em;
	text-indent: -1em;
}

.requirements-wrap article .text .inner_list {
	margin-top: 5px;
	margin-bottom: 5px;
}

.requirements-wrap article .text2 .inner_list li {
	margin-left: 2.5em;
	text-indent: 0.2em;
	list-style-type: circle;
}

.requirements-wrap article .text2 li {
	margin-left: 2em;
	text-indent: 0.1em;
	list-style-type: disc;
}

.requirements-wrap article .text2 p{
	margin-top: 10px;
}

.requirements-wrap article table {
	font-size: 1.419999rem;
	width: 100%;
}

.requirements-wrap article thead th {
	background-color: var(--border-color);
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	color: #fff;
	font-family: var(--font-UD-ShinGo-DeBold);
	padding: 12px 34px;
	text-align: center;
	white-space: nowrap;
}

.requirements-wrap article thead tr:first-of-type th:first-of-type {
	border-bottom: none;
	border-left: 1px solid var(--border-color);
}

.requirements-wrap article thead tr:last-of-type th { border-bottom: none; }

.requirements-wrap article tbody th {
	border-bottom: 1px solid var(--border-color);
	border-left: 1px solid var(--border-color);
	font-family: var(--font-UD-ShinGo-DeBold);
	padding: 8px 20px;
	vertical-align: middle;
	white-space: nowrap;
}

.requirements-wrap article thead th:last-of-type,
.requirements-wrap article tbody td:last-of-type { border-right: 1px solid var(--border-color); }

.requirements-wrap article tbody td {
	border-bottom: 1px solid var(--border-color);
	border-left: 1px solid var(--border-color);
	padding: 10px 20px;
	vertical-align: middle;
}

.requirements-wrap article tbody .center { text-align: center; }

.requirements-wrap article section { margin-top: 38px; }

.requirements-wrap article section h3 {
	font-family: var(--font-UD-ShinGo-DeBold);
	margin-bottom: 24px;
}

.requirements-wrap article .banner { margin-top: 24px; }

@media (max-width: 768px) {

	.requirements-wrap {
		margin: 11.2vw 5.333vw 0;
		overflow-x: clip;
		width: auto;
	}

	.requirements-wrap article:nth-of-type(n+2) { margin-top: 8vw; }
	.requirements-wrap article h2 { margin-bottom: 4.8vw; }
	.requirements-wrap article h2 strong { font-size: 5.333vw; }
	.requirements-wrap article h2 span { margin-left: 5.333vw; }

	.requirements-wrap article .text:nth-of-type(n+2),
	.requirements-wrap article > p:nth-of-type(n+2),
	.requirements-wrap article > .table-scroll { margin-top: 5.6vw; }

	.requirements-wrap article table { font-size: 3.333vw; }
	.requirements-wrap article thead th { padding: 3.2vw 9.333vw; }
	.requirements-wrap article tbody th { padding: 2.667vw 4.267vw; }
	.requirements-wrap article tbody td { padding: 3.2vw 8vw; }

	.requirements-wrap article section { margin-top: 5.6vw; }
	.requirements-wrap article section h3 { margin-bottom: 3.733vw; }
}