@charset "UTF-8";
/* support-index 
---------------------------------------- */
.icon.icon-blank:after {
	background: url(/files/user/images/common/icon_blank.png) no-repeat 50% 50%;
	background-size: contain;
	content: "";
	display: inline-block;
	height: 11px;
	margin-left: .25em;
	width: 11px;
	vertical-align: middle;
}

/* gudie */
.page-support .box-guide .box-guide_text {
	font-weight: bold;
	text-align: center;
}
.page-support .box-guide a { color: #333; }
/* select */
.page-support .box-select {
	background: #006F9A;
	border-radius: 4px;
	color: #FFF;
}
.page-support .box-select .box-select_title {
	background: #004D6C;
	border-radius: 4px 4px 0 0;
	color: #FFF;
	position: relative;
	text-align: center;
}
.page-support .box-select .links li { text-align: center; width: 50%; }
	.page-support .box-select .links .btn.btn-line { border-color: #FFF; color: #FFF; padding: .5em 0; width: 100%; }
.page-support .box-other .thumb img {
	background: #F3F3F3;
}
.page-support .box-other li { width: 50%; }
@media print, screen and (min-width: 768px) {
	.page-support .row {
		margin-right: -10px;
		margin-left: -10px;
	}
	.page-support .row .span {
		padding: 5px 10px;
	}
	.page-support .box-guide { padding: 10px; }
	.page-support .box-guide .wrap {
		display: table;
		width: 100%;
	}
	.page-support .box-guide_wrap.row {
		margin-top: 30px;
	}
	.page-support .box-guide_wrap.row .span {
	}
	.page-support .box-guide .wrap > span {
		display: table-cell;
		line-height: 1;
		vertical-align: middle;
	}
	.page-support .box-guide .box-guide_thumb {
		width: 80px;
	}
	.page-support .box-guide .box-guide_text {
		font-size: 1.6rem;
		padding-left: 15px;
	}
	.page-support .box-select_wrap {
		margin: 25px -10px 0;
	}
	.page-support .box-select {
		height: 100%;
		padding: 0 15px 15px;
	}
	.page-support .box-select .box-select_title {
		font-size: 2.0rem;
		line-height: 1;
		margin: 0 -15px 20px;
		padding: 10px 0;
	}
	.page-support .box-select .box-select_thumb { text-align: right; width: 140px; }
	.page-support .box-select .box-select_text { font-size: 1.5rem; padding-right: 15px; }
	.page-support .box-select .links { margin-top: 10px; }
	.page-support .box-select .links li:nth-child(odd) { padding-right: 5px; }
	.page-support .box-select .links li:nth-child(even) { padding-left: 5px; }
	.page-support .box-select .links .btn.btn-line { font-size: 1.6rem; }
	.page-support .box-other_wrap { overflow: hidden; }
	.page-support .box-other_wrap .span {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	.page-support .box-other { margin-top: 30px; padding: 15px 25px; text-align: left; -webkit-flex-grow: 1; flex-grow: 1; }
	.page-support .box-other li { margin: 7px 0; }
	.page-support .box-other .thumb { width: 54px; }
	.page-support .box-other .name { font-weight: bold; padding-left: 15px; }
}
@media only screen and (max-width: 767px) {
	.page-support .box-guide_wrap.row {
		margin: 8px -2px 0;
	}
	.page-support .span {
		padding: 2px;
	}
	.page-support .box-guide {
		height: 100%;
	}
	.page-support .box-guide .wrap {
		height: 100%;
	}
	.page-support .box-guide .wrap,
	.page-support .box-guide .wrap > span {
		display: block;
	}
	.page-support .box-guide .box-guide_thumb img {
		width: 49px;
	}
	.page-support .box-guide .box-guide_text {
		font-size: 1.3rem;
		line-height: 1.2;
	}
	.page-support .box-select_wrap {
	}
	.page-support .box-select {
		margin-top: 10px;
		padding: 0 12px 13px;
	}
	.page-support .box-select .box-select_title {
		font-size: 1.5rem;
		line-height: 1;
		margin: 0 -12px 10px;
		padding: 10px 0;
	}
	.page-support .box-select .box-select_thumb { text-align: right; width: 111px; }
	.page-support .box-select .box-select_text { font-size: 1.3rem; padding-right: 15px; }
	.page-support .box-select .links { margin-top: 10px; }
	.page-support .box-select .links li:nth-child(odd) { padding-right: 4px; }
	.page-support .box-select .links li:nth-child(even) { padding-left: 4px; }
	.page-support .box-select .links .btn.btn-line { font-size: 1.3rem; }
	
	.page-support .box-other_wrap .span + .span .title { margin-top: 1em; }
	.page-support .box-other { margin-top: 10px; padding: 10px 15px; text-align: left; }
	.page-support .box-other li { margin: 5px 0; }
	.page-support .box-other .thumb { width: 49px; }
	.page-support .box-other .name { font-size: 1.3rem; font-weight: bold; line-height: 1.2; padding-left: 8px; }
}

/* /selection /
---------------------------------------- */
.page-support_selection .bg-gradient {
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,250,251,1) 40%, rgba(247,247,247,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(247,250,251,1) 40%,rgba(247,247,247,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(247,250,251,1) 40%,rgba(247,247,247,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 );
}
.wrap-selection .wrap-selection_lead { color: #004966; }
.wrap-selection .selection-item {
	background: #006F9A;
	border-radius: 4px;
	color: #FFF;
}
	.wrap-selection .selection-item img { display: block; }
	.wrap-selection .selection-item .btn.btn-line { border-color: #FFF; color: #FFF; }
@media print, screen and (min-width: 768px) {
	.wrap-selection .wrap-selection_lead { font-size: 2.2rem; }
	.wrap-selection .row { margin: 0 auto; width: 880px; }
	.wrap-selection .selection-item { margin: 35px 0; width: 420px; }
	.wrap-selection .selection-item .selection-item_link { margin: 17px 0 18px; }
	.wrap-selection .selection-item .btn.btn-line { font-size: 1.6rem; }
	.wrap-selection .note { text-align: center; }
}
@media only screen and (max-width: 767px) {
	.page-support_selection .bg-gradient { margin-bottom: 10px; }
	.wrap-selection .wrap-selection_lead { font-size: 1.6rem; }
	.wrap-selection .row { margin: 10px 0; }
	.wrap-selection .selection-item { margin: 5px 0; }
	.wrap-selection .selection-item .selection-item_link { margin: 1em 0 1.25em; }
	.wrap-selection .selection-item .btn.btn-line { font-size: 1.3rem; }
}