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-style:normal;
    font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
	display: block;
}

html{
    overflow-y: scroll;
}

body {
	position: relative;
	min-width: 1200px;
	line-height: 2em;
	font-family:"\30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33","Hiragino Kaku Gothic Pro","\30E1\30A4\30EA\30AA",Meiryo,"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF",sans-serif;
}
.sp_body_wrapper {
	background: #070303;
	color: #FFF;
}

button {
	color: #FFF;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}
body.sub {
	background: #FFFDF7;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

input, textarea,{
	margin: 0;
	padding: 0;
}

ol, ul{
    list-style:none;
}

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

caption, th{
    text-align: left;
}

strong {
	font-weight: bold;
}
.font-sizeL {
	font-size: 1.1em;
}

#ssfl-loginbar {
	display: none;
}

a {
	color: #BCD0F9;
	text-decoration: none;
}
a:hover {
	color: #DEE8FC;
	opacity: 0.8;
	text-decoration: none;
}
a:focus {
	outline:none;
}
.sp_non_member a,
#sp_main a {
    color: #334E5F;
}
#sp_main .sp_section .s5-button {
    color: #FFF;
}
.sp_non_member .s5-button {
	color: #FFF;
}
.accent {
	color: #ff0000;
}
ol.step > li > p > span.accent2 {
	color: #ff0000;
	display: inline;
}
.sp_txt_box {
	display: inline-block;
	line-height: 1.5em;
	padding: 3px 5px;
	background: #CCC;
}

.sp_btn_area {
	margin: 20px 0;
	text-align: right;
}
body .sp_btn {
	display: inline-block;
	line-height: 1.2em;
	padding: 0.8em 2em;
	background: #F78636;
	color: #1A1A1A;
	cursor: pointer;
	font-weight: bold;
	transition: all 0.2s ease-out 0ms;
}
body .sp_btn:hover {
	opacity: 0.8;
}

a img {
	vertical-align: bottom;
}
.v_top {
	vertical-align: top;
}

img {
	max-width: 100%;
}

.link_arrow {
	position: relative;
	display: inline-block;
	padding-left: 15px;
}
	.link_arrow::before {
		content: "";
		position: absolute;
		top: 0.5em; left: 0;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 3.5px 0 3.5px 8px;
		border-color: transparent transparent transparent #f4a940;
		transition: all 0.2s ease-out 0ms;
	}
		.link_arrow:hover::before {
			left: 5px;
		}

.word_wrap {
	display: inline-block !important;
}

small {
	font-size: 0.8em;
}

.sp_notes {
	line-height: 1.5em;
	padding-left: 18px;
	text-indent: -1.2em;
}
.sp_notes + .sp_notes {
	margin-top: 5px;
}


.red {
	color: #F00;
}
.sp_member .red {
	color: #FFC0C0;
}
.left_img {
	float: left;
	margin: 0 10px 10px;
}
.right_img {
	float: right;
	margin: 0 20px 20px;
}
.shadow_img {
	box-shadow: 2px 2px 1px #888;
}
.al_right {
	display: block;
	margin-top: 10px;
	text-align: right;
}
.al_center {
	text-align: center;
}
#sp_main .pt_m {
	padding-top: 25px;
}
.pt_m {
	padding-top: 25px!important;
}
.mt_m {
	margin-top: 25px!important;
}
.mt_l {
	margin-top: 50px!important;
}
.mt0 {
	margin-top: 0!important;
}
.mt5 {
	margin-top: 5px!important;
}
.mt10 {
	margin-top: 10px!important;
}
.mt15 {
	margin-top: 15px!important;
}
.mt20 {
	margin-top: 20px!important;
}
.mt30 {
	margin-top: 30px!important;
}
.mt40 {
	margin-top: 40px!important;
}
.mt50 {
	margin-top: 50px!important;
}
.mb {
	margin: 10px 0 20px;
}
.mb0 {
	margin-bottom: 0px!important;
}
.mb5 {
	margin-bottom: 5px!important;
}
.mb10 {
	margin-bottom: 10px!important;
}
.mb15 {
	margin-bottom: 15px!important;
}
.ml10 {
	margin-left: 10px!important;
}

.ml25 {
	margin-left: 25px!important;
}

.ml30 {
	margin-left: 30px!important;
}
.mr10 {
	margin-right: 10px!important;
}

.pt15{
	padding-top: 15px !important;
}

.pb15{
	padding-bottom: 15px !important;
}


.pb40{
	padding-bottom: 40px !important;
}

.font1-2 {
	font-size: 1.2em;
}

/*20190717*/

.ml4em{
	margin-left: 4em;
}

.ml5em{
	margin-left: 5em;
}
.ml1em{
	margin-left: 1em;
}

.sp_al_c {
	text-align: center;
}
.sp_al_r {
	text-align: right;
}
.sup,
.sup img {
	vertical-align: top;
}
.hide {
	position: relative;
	width: 1px;
	height: 1px;
	line-height: 1px;
	overflow: hidden;
}
	.hide span {
		position: absolute;
		top: -5px; left: -5px;
		width: 1px;
		height: 1px;
	}

.hide_func {
	display: none;
	width: 80%;
	margin: 10px auto;
	padding: 10px;
	background: #DDD;
}
	#sp_main.sp_non_member .hide_func .sp_section {
		margin-top: 0;
		background: none;
	}
.sp_member .hide_func {
	background: #232323;
}
.sp_member .hide_func.sp_section {
	margin-top: 15px;
}

.sp_inner_wrapper {
	margin: 0 30px;
}

body .s5-breadcrumbs {
	margin: 1px auto;
}

.sp_clear {
	clear: both;
}
.clearfix:after,
.sub #main:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix,
.sub #main {
	min-height: 1px;
}
* html .clearfix,
* html .sub #main {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
.clear {
	clear:both;
}

.sp_decimal {
	padding-left: 1.5em;
}
	.sp_decimal > li {
		list-style: decimal;
		margin-top: 10px;
	}
.sp_disc {
	padding-left: 1.5em;
}
.sp_disc > li {
	list-style: disc;
	line-height: 1.5em;
	margin-top: 24px;
}
.sp_disc10 > li {
    list-style: disc;
    line-height: 1.5em;
    margin-top: 10px;
}
.sp_disc > li li {
	margin-top: 16px;
}

.sp_block {
	box-sizing: border-box;
	margin: 70px 0 5px;
	padding: 15px;
	border-top: 1px #888 solid;
	background: #444;
}
.sp_unit {
	margin: 20px 0 0;
}
	.sp_unit h3 {
	}

.sp_arrow {
	display: inline-block;
	position: relative;
	padding-left: 1em;
}
	.sp_arrow::before {
		content: "";
		display: inline-block;
		width: 0; height: 0;
		vertical-align: baseline;
		margin-right: .6em;
		margin-bottom: 0.1em;
		border-style: solid;
		border-width: 0.3em 0 0.3em 0.35em;
		border-color: transparent transparent transparent #FFF;
	}
	.sp_arrow.arrow_down::before {
		margin-right: 3px;
		border-width: 0.5em 0.5em 0 0.5em;
		border-color: #BCD0F9 transparent transparent transparent;
	}

#sp_visual {
	position: relative;
	min-width: 1000px;
	margin: 0;
	background: center bottom no-repeat;
	background-size: 100% auto;
}
	#sp_visual .sp_wrapper {
		position: relative;
		z-index: 10;
		box-sizing: border-box;
		width: 90%;
		margin: 0 auto;
		padding: 60px 20px;
	}
		#sp_visual #sp_logo {
			position: static;
			width: 160px;
			height: auto;
		}
			#sp_visual #sp_logo img {
			}
#sp_visual.sp_menu {
	background-image: url("../img/top/visual_03.jpg");
}
#sp_visual.sp_entry {
	background-image: url("../img/top/visual_04.jpg");
}
#sp_visual.sp_faq {
	background-image: url("../img/top/visual_02.jpg");
}

.sp_member #sp_header {
	margin-right: 3%;
}
#sp_header {
	min-width: 1000px;
}
	.sp_page_header_logo {
		height: 70px;
		border-bottom: 2px #4C4C4C solid;
		background: #1A1A1A;
	}
		.sp_page_header_logo #sp_logo_sony {
			display: inline-block;
			margin-left: 3%;
		}
			.sp_page_header_logo #sp_logo_sony img {
				vertical-align: bottom;
			}
	#sp_header .sp_wrapper {
		box-sizing: border-box;
		width: 97%;
		height: auto;
		position: relative;
		z-index: 100;
		margin-left: 3%;
		padding-right: 3%;
		background: #EC6600;
	}
		#sp_logo {
			display: inline-block;
			position: absolute;
			top: 0; left: 0;
			height: 100%;
		}
			#sp_logo img {
				height: 100%;
				max-height: 132px;
			}
		#sp_header .sp_head {
			padding: 3px 0 3px calc((90px + 2em) * 1.15);
		}
			#sp_site_name {
				display: inline-block;
				float: left;
				line-height: 1em;
				padding: 30px 0;
				font-size: 1.915714285em;
				text-shadow:
					0px 1px 0px #303030,
					1px 1px 2px #303030,
					1px 0px 2px #303030,
					1px -1px 2px #303030,
					0px -1px 2px #303030,
					-1px -1px 2px #303030,
					-1px 0px 2px #303030,
					-1px 1px 2px #303030;
			}
			#sp_member_info {
				display: inline-block;
				float: right;
				max-width: 200px;
				text-align: center;
			}
				#sp_member_info .sp_image {
					height: 74px;
					overflow: hidden;
				}
					#sp_member_info img {
						width: 103px;
						vertical-align: middle;
					}
				#sp_member_info .sp_name {
					display: inline-block;
				}
#sp_global_nav {
	position: relative;
	z-index: 10;
	background: url(../img/bg_alpha_50.png) left top repeat;
}
	.sp_member #sp_global_nav .sp_nav_main {
		width: 97%;
		margin-left: 3%;
	}
	#sp_global_nav .sp_nav_main {
		position: relative;
		z-index: 3;
		width: 92%;
		margin: 0 auto;
		font-size: 0;
		text-align: right;
	}
		#sp_global_nav .sp_nav_main li {
			display: inline-block;
			float: left;
			font-size: 16px;
			text-align: center;
		}
			#sp_global_nav .sp_nav_main .sp_active > span {
				cursor: default;
			}
			#sp_global_nav .sp_nav_main .sp_active > span,
			#sp_global_nav .sp_nav_main a {
				display: inline-block;
				position: relative;
				box-sizing: border-box;
				height: auto;
				line-height: 1.3em;
				border-top: 2px #FFF solid;
				background: url(../img/bg_alpha_20.png) left top repeat;
				vertical-align: bottom;
				overflow: hidden;
				/*padding: calc(10px + 0.6em) 20px 5px 40px;*/
				padding: calc(10px + 0.6em) 18px 5px 18px;
				color: #FFF;
				font-size: 0.875em;
				text-decoration: none;
				transition: all 0.3s ease-out 0ms;
				width: 190px;
			}

@media screen and (max-width: 1648px) {
		#sp_global_nav .sp_nav_main .sp_active > span,
		#sp_global_nav .sp_nav_main a {
			width: auto;
		}
	
}
				#sp_global_nav .sp_nav_main a:hover,
				#sp_global_nav .sp_nav_main .sp_active > span,
				#sp_global_nav .sp_nav_main .sp_hover a {
					opacity: 1;
					border-top-color: #FE5917;
					color: #070303;
					/*width: 100%;
					padding-left: 47px;
					padding-bottom: 13px;*/
				}
@media screen and (max-width: 640px){
				#sp_global_nav .sp_nav_main a:hover,
				#sp_global_nav .sp_nav_main .sp_active > span,
				#sp_global_nav .sp_nav_main .sp_hover a {
					width: 100%;
					padding-left: 47px;
					padding-bottom: 13px;
				}
}
				#sp_global_nav .sp_nav_main a:hover {
					color: #7F2D0C;
					text-shadow: none;
				}
				#sp_global_nav .sp_nav_main .sp_active > span::before,
				#sp_global_nav .sp_nav_main a::before {
					content: "";
					display: block;
					position: absolute;
					top: 0; bottom: 0; left: 5px;
					z-index: 8;
					width: 31px;
					height: 25px;
					margin: auto;
					background: left top no-repeat;
					transition: all 0.3s ease-out 0ms;
				}
					#sp_global_nav .sp_nav_main a:hover::before,
					#sp_global_nav .sp_nav_main .sp_active > span::before,
					#sp_global_nav .sp_nav_main .sp_hover a::before {
						background-position: left bottom;
					}
				#sp_global_nav .sp_nav_main .sp_home > span::before,
				#sp_global_nav .sp_nav_main .sp_home a::before {
					/*background-image: url("../img/header/ico_home.png");*/
					background-image: none;
				}
				#sp_global_nav .sp_nav_main .sp_memberhome > span::before,
				#sp_global_nav .sp_nav_main .sp_memberhome a::before {
					/*background-image: url("../img/header/ico_home.png");*/
					background-image: none;
				}
				#sp_global_nav .sp_nav_main .sp_memberhome > span, #sp_global_nav .sp_nav_main .sp_memberhome a {
					padding-top: 10px;
				}
				#sp_global_nav .sp_nav_main .sp_info > span::before,
				#sp_global_nav .sp_nav_main .sp_info a::before {
					/*background-image: url("../img/header/ico_info.png");*/
					background-image: none;
				}
				#sp_global_nav .sp_nav_main .sp_registration > span::before,
				#sp_global_nav .sp_nav_main .sp_registration a::before {
					/*background-image: url("../img/header/ico_registration.png");*/
					background-image: none;
					
				}
				#sp_global_nav .sp_nav_main .sp_service_menu > span, 
				#sp_global_nav .sp_nav_main .sp_service_menu a {
					padding-top: 10px;
				}
				#sp_global_nav .sp_nav_main .sp_repairs_maintenance > span::before,
				#sp_global_nav .sp_nav_main .sp_repairs_maintenance a::before {
					/*background-image: url("../img/header/ico_repairs_maintenance.png");*/
					background-image: none;
				}
				#sp_global_nav .sp_nav_main .sp_service_menu > span::before,
				#sp_global_nav .sp_nav_main .sp_service_menu a::before {
					/*background-image: url("../img/header/ico_menu.png");*/
					background-image: none;
				}
				#sp_global_nav .sp_nav_main .sp_faq > span::before,
				#sp_global_nav .sp_nav_main .sp_faq a::before {
					/*background-image: url("../img/header/ico_faq.png");*/
					background-image: none;
				}
				#sp_global_nav .sp_nav_main .sp_loan > span::before,
				#sp_global_nav .sp_nav_main .sp_loan a::before {
					/*background-image: url("../img/header/ico_loan.png");*/
					background-image: none;
				}
				#sp_global_nav .sp_nav_main .sp_purchase > span::before,
				#sp_global_nav .sp_nav_main .sp_purchase a::before {
					/*background-image: url("../img/header/ico_purchase.png");*/
					background-image: none;
				}
				#sp_global_nav .sp_nav_main .sp_global > span::before,
				#sp_global_nav .sp_nav_main .sp_global a::before {
					/*background-image: url("../img/header/ico_global.png");*/
					background-image: none;
				}
				#sp_global_nav .sp_nav_main .sp_contact > span::before,
				#sp_global_nav .sp_nav_main .sp_contact a::before {
					/*background-image: url("../img/header/ico_contact.png");*/
					background-image: none;
				}
				#sp_global_nav .sp_nav_main .sp_support > span::before,
				#sp_global_nav .sp_nav_main .sp_support a::before {
					/*background-image: url("../img/header/ico_support.png");*/
					background-image: none;
				}
				/*#sp_global_nav .sp_nav_main .sp_support > span,
				#sp_global_nav .sp_nav_main .sp_support a {
					padding-top: 10px;
				}*/

			#sp_global_nav .sp_nav_main .sp_sign_in a {
				background: none;
			}
				#sp_global_nav .sp_nav_main .sp_home > span::before,
				#sp_global_nav .sp_nav_main .sp_home a::before,
				#sp_global_nav .sp_nav_main .sp_faq > span::before,
				#sp_global_nav .sp_nav_main .sp_faq a::before {
					left: 5px;
				}
				#sp_global_nav .sp_nav_main .sp_sign_in > span::before,
				#sp_global_nav .sp_nav_main .sp_sign_in a::before {
					left: 15px;
					/*background-image: url("../img/header/ico_sign_in.png");*/
					background-image: none;
				}
					#sp_global_nav .sp_nav_main .inner_text {
						display: inline-block;
						position: relative;
						z-index: 10;
						min-height: 2em;
						transition: all 0.3s ease-out 0ms;
					}
		#sp_global_nav .sp_nav_main .sp_sign_in {
			background: #FE5917;
			background: -moz-linear-gradient(top, #fe5917 0%, #7f230c 100%);
			background: -webkit-linear-gradient(top, #fe5917 0%,#7f230c 100%);
			background: linear-gradient(to bottom, #fe5917 0%,#7f230c 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe5917', endColorstr='#7f230c',GradientType=0 );
			text-shadow:
				0px 1px 0px #505050,
				1px 1px 0px #505050,
				1px 0px 0px #505050,
				1px -1px 0px #505050,
				0px -1px 0px #505050,
				-1px -1px 0px #505050,
				-1px 0px 0px #505050,
				-1px 1px 0px #505050
		}

				#sp_global_nav .sp_nav_main .sp_active > span::after,
				#sp_global_nav .sp_nav_main a::after {
					content: "";
					display: block;
					position: absolute;
					top: -100%; left: 0;
					z-index: 5;
					width: 100%;
					height: 100%;
					background: #FFF; /*20200313*/
					transition: all 0.3s ease-out 0ms;
				}
					#sp_global_nav .sp_nav_main .sp_active > span::after,
					#sp_global_nav .sp_nav_main a:hover::after,
					#sp_global_nav .sp_nav_main .sp_hover a::after {
						top: 0;
					}
		#sp_global_nav li.sp_nav_main_btn {
			display: none;
		}
		#sp_global_nav .sp_nav_main li + li + li {
			margin-left: 2px;
			width: 190px;
		}

@media screen and (max-width: 1648px) {
		#sp_global_nav .sp_nav_main li + li + li {
			width: auto;
		}
	
}
	#sp_global_nav .sp_drop_down_menu {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		box-sizing: border-box;
		width: 100%;
		padding: 20px;
		background: #FFF;
		opacity: 0;
		transition: all 0.3s ease-out 0ms;
	}
		#sp_global_nav .sp_drop_down_menu ul {
			text-align: center;
		}
			#sp_global_nav .sp_drop_down_menu ul li {
				display: inline-block;
			}
				#sp_global_nav .sp_drop_down_menu ul li a {
					display: inline-block;
					padding: 20px 30px;
					color: #144E97;
				}
				#sp_global_nav .sp_drop_down_menu ul li a:hover {
					color: #5E8ECA;
				}


#sp_main.sp_non_member {
	position: relative;
	z-index: 1;
	padding-bottom: 30px;
	background: #070303;
	background: -moz-linear-gradient(top, #070303 0%, #9b9b9b 100%);
	background: -webkit-linear-gradient(top, #070303 0%,#9b9b9b 100%);
	background: linear-gradient(to bottom, #070303 0%,#9b9b9b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#070303', endColorstr='#9b9b9b',GradientType=0 );
}
#sp_main {
	padding-bottom: 60px;
}
	.sp_page_title {
		line-height: 1em;
		margin-top: 30px;
		font-size: 2.3em;
		text-align: center;
	}
		.sp_page_title small {
			display: block;
			color: #FF8C5E;
			font-size: 0.4em;
		}
	.sp_page_title + .sp_section {
		margin-top: 30px;
	}

.lead_txt {
	margin-left: 30px
}
@media screen and (max-width: 640px){
.lead_txt {
	margin-left: 20px
}
}

	.sp_section {
		background: #FFF;
		color: #333;
		box-sizing: border-box;
		margin: 0px 40px 0;
		padding: 20px 15px 20px;
	}
	.sp_section:first-child {
		padding-top: 30px;
	}
	.sp_section .sp_section {
		margin: 0 0 0 13px;
	}
	.sp_section.sp_top_sec {
		margin-top: 2px;
	}
	.sp_gray {
		background: #242424;
	}
		.sp_gray > .sp_wrapper {
			width: 90%;
			margin: 0 auto;
			padding: 15px;
		}
		* + .sp_gray .sp_wrapper {
			margin-top: 40px;
		}

		.sp_para {
			margin: 10px 0 20px;
		}

	.sp_steps {
		margin: 20px 0;
		display: table;
		border-collapse: separate;
		border-spacing: 40px 0;
	}
		.sp_steps li {
			display: table-cell;
			position: relative;
			width: 12em;
			height: 6em;
			line-height: 1.5em;
			vertical-align: middle;
			border: 1px #FFF solid;
			background: #CCC;
			color: #111;
			font-size: 0.8em;
			text-align: center;
		}
			.sp_steps li strong {
				display: block;
			}
			.sp_steps a {
				color: #43677E;
			}
				.sp_steps .sp_arrow::before {
					border-color: transparent transparent transparent #43677E;
				}
			.sp_steps li + li::before {
				content: "";
				display: inline-block;
				width: 0;
				height: 0;
				border-style: solid;
				border-width: 14px 0 14px 14px;
				border-color: transparent transparent transparent #EC6600;
				position: absolute;
				top: 0;
				bottom: 0;
				margin: auto;
				left: -25px;
			}

	.sp_square {
		margin-bottom: 10px;
		font-size: 1.5em;
		text-indent: -23px;
		padding-left: 23px;
	}
		.sp_square::before {
			content: "■";
			margin-right: 5px;
			color: #EC6600;
		}
	.sp_square.sp_first {
		margin-top: 30px;
	}

	.sp_border_title {
		padding: 0 10px;
		margin-bottom: 10px;
		border-bottom: 2px #EC6600 solid;
		font-size: 1.3em;
	}

	.sp_btn_link {
		text-align: center;
	}
		.sp_btn_link .s5-button {
			position: relative;
			width: 13em;
			line-height: 1.5em;
			padding: 8px 1.5em;
			text-align: left;
		}
			.sp_btn_link .s5-button::before {
				position: absolute;
				top: 0.9em;
				left: 0.9em;
			}
			.sp_btn_link .s5-button a {
				color: #FFF;
			}
		.sp_btn_link .other {
			width: 90%;
			margin: 0 auto;
			text-align: left;
		}

		/*180604 */

		#contact_btn ul.sp_btn_link li.s5-button{
		height:4.2em;
		}

		#contact_btn ul.sp_btn_link li.s5-button a{
		display:table-cell;
		}

		#contact_btn ul.sp_btn_link li.s5-button.one-line a{
		padding-top:0.7em;
		}		

		#contact_btn ul.sp_btn_link li.s5-button.one-line::before{
		position:absolute;
		top:1.4em;
		left:0.9em;
		}

	.sp_sub_head {
		font-weight: bold;
		font-size: 1.3em;
	}
	* + .sp_sub_head {
		margin-top: 70px;
	}
	.sp_sub_head.sp_first {
		margin-top: 30px;
	}
	.sp_non_member .sp_square {
		margin-top: 0;
	}
		.sp_non_member * + .sp_square {
			margin-top: 30px;
		}

	.sp_three_sec {
		float: left;
		width: 30%;
	}
		.sp_three_sec::before {
			content: "";
			display: block;
			height: 195px;
			background: center center no-repeat;
			background-size: contain;
		}
		.sp_three_sec.sp_member_support::before {
			background-image: url("../img/top/img_member_support.jpg");
		}
		.sp_three_sec.sp_gear_at_the_ready::before {
			background-image: url("../img/top/img_gear_at_the_ready.jpg");
		}
		.sp_three_sec.sp_bonuses::before {
			background-image: url("../img/top/img_bonuses.jpg");
		}
		.sp_three_sec .inner_title {
			margin-top: 10px;
			font-weight: bold;
		}
		.sp_three_sec p {
			line-height: 1.5em;
			font-size: 15px;
		}
	.sp_three_sec + .sp_three_sec {
		margin-left: 5%;
	}

	#ap_info_category {
		width: 90%;
		margin: 10px auto 0;
	}
		#ap_info_category li {
			display: inline-block;
			position: relative;
			box-sizing: border-box;
			padding: 4px 8px;
			border: 1px #444 solid;
			cursor: pointer;
			transition: all 0.3s ease-out 0ms;
			text-align: center;
			width: 190px;
		}
			#ap_info_category li::after {
				content: "";
				display: block;
				position: absolute;
				left: 0; right: 0; bottom: 0;
				width: 0;
				height: 3px;
				margin: auto;
				background: #F78636;
				transition: all 0.3s ease-out 0ms;
			}
		#ap_info_category li.sp_hover {
			cursor: default;
		}
		#ap_info_category li:hover,
		#ap_info_category li.sp_hover {
			background: #444;
			color: #fff;
		}
			#ap_info_category li:hover::after,
			#ap_info_category li.sp_hover::after {
				width: 100%;
			}
		.sp_non_member #ap_info_category li:hover,
		.sp_non_member #ap_info_category li.sp_hover {
			color: #FFF;
		}
/*20201201追記*/
/*
#ap_info_category p:first-child{
		float: left;
		margin: 0 10px 10px 0;
		line-height: 1em;
}
#ap_info_category p:first-child a{
		text-align: center;
}
@media screen and (max-width: 640px){
	#ap_info_category p:first-child{
		margin: 0 0 10px 0;
		width: 329px;
	}
	#ap_info_category p:first-child a{
		text-align: left;
	}
}
@media screen and (max-width: 366px){
	#ap_info_category p:first-child{
		line-height: 1.8em;
}
}
*/

	.sp_info_show_hide {
		display: none;
		box-sizing: border-box;
		width: 90%;
		margin: 0.5em auto 0;
		padding: 0.5em 1em 2em;
		border: 1px #666 solid;
		border-bottom: none;
		background: #292929;
		font-size: 15px;
		color: #EEE;
	}
	#sp_info_article {
		box-sizing: border-box;
		width: 90%;
		margin: 4px auto 40px;
		border: 1px #666 solid;
		transition: all 0.3s ease-out 0ms;
	}
		#sp_info_article > li {
			padding: 0.5em 1em 2em;
			border-bottom: 1px #666 solid;
			font-size: 15px;
		}
			#sp_info_article .sp_info_date .cat_name {
				content: "";
				display: inline-block;
				line-height: 1.8em;
				vertical-align: text-bottom;
				margin-left: 10px;
				padding: 0px 5px;
				border-radius: 3px;
				background: #CCC;
				color: #1A1A1A;
				font-size: 0.8em;
				cursor: default;
				user-select: none;
				-moz-user-select: none;
				-webkit-user-select: none;
				-ms-user-select: none;
			}
			#sp_info_article .sp_info_head br {
				display: none;
			}
			#sp_info_article .sp_info_head strong {
				font-size: 1.2em;
			}
		#sp_info_article > li:last-child {
			border-bottom: none;
		}
	.sp_member #sp_info_article {
		background: #292929;
		color: #EEE;
	}
.sp_member #sp_info_article a {
    color: #BCD0F9;
}
	.sp_my_products {
		width: 90%;
		line-height: 1.2em;
		margin: 30px auto 0;
		display:-webkit-box;
		display:-moz-box;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:-moz-flex;
		display:flex;
		-webkit-box-lines:multiple;
		-moz-box-lines:multiple;
		-webkit-flex-wrap:wrap;
		-moz-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
	}
		.sp_my_products > li {
			box-sizing: border-box;
			width: 49.5%;
			margin-bottom: 5px;
			padding: 15px 5px;
			border-top: 1px #888 solid;
			background: #444;
		}
			.sp_products_img {
				float: left;
				width: 174px;
				margin: 0;
				text-align: center;
				font-weight: bold;
				font-size: 1.2em;
				word-wrap: break-word;
			}
				.sp_products_img .sp_products_name {
					display: block;
				}
			.sp_my_products .sp_my_products_repair,
			.sp_my_products .sp_my_products_maintenance {
				float: left;
				margin: 1em 20px 0;
				text-align: center;
			}
				.sp_my_products .sp_my_products_status img {
					width: 60px;
				}
			.sp_my_products .sp_my_products_maintenance {
				margin-right: 5px;
			}
		.sp_my_products > li:nth-child(odd) {
			margin-right: 0.5%;
		}

	.sp_counter {
	}
		.sp_counter li {
			float: left;
			width: 40%
		}
			.sp_counter .sp_title {
				margin: 0 0 10px;
				background: #777;
				color: #FFF;
				text-align: center;
			}
			.sp_counter p {
				margin-right: 10px;
				margin-left: 10px;
			}
				.s5-button img {
					vertical-align: top;
				}
		.sp_counter li:nth-child(odd) {
			clear: left;
		}
		.sp_counter li:nth-child(even) {
			margin-left: 10%;
		}
		.sp_counter li + li + li {
			margin-top: 40px;
		}

	.sp_loan_products {
		width: 90%;
		margin: 30px auto 0;
		display:-webkit-box;
		display:-moz-box;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:-moz-flex;
		display:flex;
		-webkit-box-lines:multiple;
		-moz-box-lines:multiple;
		-webkit-flex-wrap:wrap;
		-moz-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
	}
		.sp_loan_products li {
			box-sizing: border-box;
			width: 24%;
			margin: 0 1% 10px 0;
			padding: 0 5px 15px;
			border-top: 1px #888 solid;
			background: #444;
			text-align: center;
		}
			.sp_loan_products .sp_products_img {
				display: block;
				float: none;
				width: auto;
				line-height: 1.2em;
			}

.sp_bg_gry {
	width: 80%;
	margin: 20px auto 0;
	padding: 5px 20px;
	background: #DDD;
}

.sp_split {
	margin-left: 10px;
}
	.sp_split dt {
		clear: left;
		float: left;
		width: 7em;
		text-align: right;
	}
	.sp_split dd {
		margin-left: 7em;
	}

.sp_service_flow {
	margin: 20px auto 50px;
	padding: 0 0 15px 15px;
	height: 25em;
}
	.sp_service_flow .customer {
		float: left;
		box-sizing: border-box;
		width: 160px;
		height: 100%;
		background-color: #fff;
		border: 1px solid #ccc;
		text-align: center;
		padding: 30px 0 0;
	}
		.sp_service_flow .customer img {
			margin-top: 70px;
		}
		.sp_service_flow .customer span.mq-show {
			display: none;
		}
	.sp_service_flow .pro-support {
		float: left;
		box-sizing: border-box;
		width: 180px;
		height: 100%;
		background-color: #fff;
		border: 1px solid #ccc;
		text-align: center;
		padding: 30px 0 0;
	}
	.sp_service_flow .flow {
		float: left;
		width: 520px;
		padding: 0 20px 20px;
		line-height: 1.2em;
	}
	.sp_service_flow .flow p {
	margin: 5px 0 24px;
	margin: 5px 0 20px\9;
	text-align: center;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.arrow_cst {
		position: relative;
		display: inline-block;
		padding: 0 0 0 16px;
		color: #000;
		vertical-align: middle;
		text-decoration: none;
		width: 980px;
	}
	.arrow_cst::before,
	.arrow_cst::after{
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		content: "";
		vertical-align: middle;
	}
	.arrow_cst::before{
		left: 13px;
		width: 490px;
		height: 1px;
		background: #f00;
	}
	.arrow_cst::after{
		right: 0;
		width: 10px;
		height: 10px;
		border-top: 1px solid #f00;
		border-right: 1px solid #f00;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.arrow_psp {
		position: relative;
		display: inline-block;
		padding: 0 0 0 16px;
		color: #000;
		vertical-align: middle;
		text-decoration: none;
		width: 980px;
	}
	.arrow_psp::before,
	.arrow_psp::after{
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		content: "";
		vertical-align: middle;
	}
	.arrow_psp::before{
		left: 0;
		width: 490px;
		height: 1px;
		background: #333;
	}
	.arrow_psp::after{
		left: 0;
		width: 10px;
		height: 10px;
		border-bottom: 1px solid #333;
		border-left: 1px solid #333;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
}
@-moz-document url-prefix() {
	.arrow_cst {
		position: relative;
		display: inline-block;
		padding: 0 0 16px 16px;
		color: #000;
		vertical-align: middle;
		text-decoration: none;
		width: 980px;
	}
	.arrow_cst::before,
	.arrow_cst::after{
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		content: "";
		vertical-align: middle;
	}
	.arrow_cst::before{
		left: 13px;
		width: 490px;
		height: 1px;
		background: #f00;
	}
	.arrow_cst::after{
		right: 0;
		width: 10px;
		height: 10px;
		border-top: 1px solid #f00;
		border-right: 1px solid #f00;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.arrow_psp {
		position: relative;
		display: inline-block;
		padding: 0 0 16px 16px;
		color: #000;
		vertical-align: middle;
		text-decoration: none;
		width: 980px;
	}
	.arrow_psp::before,
	.arrow_psp::after{
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		content: "";
		vertical-align: middle;
	}
	.arrow_psp::before{
		left: 0;
		width: 490px;
		height: 1px;
		background: #333;
	}
	.arrow_psp::after{
		left: 0;
		width: 10px;
		height: 10px;
		border-bottom: 1px solid #333;
		border-left: 1px solid #333;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
}
		.arrow_cst {
			display: block\9;
			width: 520px\9;
			height: 17px\9;
			background: url('/support/imaging-pro/images/arrow_cst.png') no-repeat 0 0 transparent\9;
		}
		.arrow_psp {
			display: block\9;
			width: 520px\9;
			height: 17px\9;
			background: url('/support/imaging-pro/images/arrow_psp.png') no-repeat 0 0 transparent\9;
		}
	@media screen and (max-width: 640px) {
	.sp_service_flow {
		height: auto;
		margin: 20px auto 0;
	}
	.sp_service_flow .flow {
		float: none;
		width: auto;
		padding: 20px 0;
	}
	.sp_service_flow .customer {
		float: left;
		width: 100%;
		height: auto;
		padding: 0 0 30px;
		background-color: transparent;
		border: none;
	}
	.sp_service_flow .customer img {
		margin-top: 0;
		max-width: 100%;
	}
	.sp_service_flow .customer span.pc,
	.sp_service_flow .pro-support {
		display: none;
	}
	.sp_service_flow .customer span.mq-show {
		display: block;
		width: 100%;
		height: auto;
		padding: 0;
	}
	.sp_service_flow .customer span.mq-show p.cst {
		float: left;
		margin: 0 1em;
	}
	.sp_service_flow .customer span.mq-show p.psp {
		float: right;
		margin: 0 1em;
	}
	.sp_service_flow .customer span.mq-show p.psp:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		visibility: hidden;
	}
	.arrow_cst,
	.arrow_psp {
		display: none;
	}
}
@media screen and (max-width: 380px) {
	.sp_service_flow img.left {
		width: 100%;
	}
}



.sp_agree {
	width: 80%;
	margin: 30px auto;
	padding: 15px;
	border: 1px #CCC solid;
	background: #555;
}

.sp_a {
	line-height: 1.5em;
	margin-bottom: 40px;
	margin-left: 5px;
	padding-left: 29px;
	text-indent: -29px;
}
@media all and (-ms-high-contrast: none){
	.sp_a {
	padding-left: 48px;
	}
}
@media all and (-ms-high-contrast: none) and (max-width: 640px){
	.sp_a {
	padding-left: 29px;
	}
}

	.sp_a::before {
		content: "A:";
		display: inline;
		font-weight: bold;
	}
p.sp_q {
	display: inline-block;
	margin-bottom: 10px;
	padding: 0 5px;
	background: #EEE;
}
	.sp_q .sp_q {
		font-weight: bold;
	}

table.repairPriceTable{
  	border-bottom: 1px #464646 solid;
  	border-right: 1px #464646 solid;
  	width: 100%;
	word-break: break-all;
	background: #FFF;
	color: #000;
}

table.repairPriceTable td,
table.repairPriceTable th{
  	border-top: 1px #464646 solid;
  	border-left: 1px #464646 solid;
  	padding: 10px;
}
table.repairPriceTable tbody th{
	line-height: 1.5em;
}

table.repairPriceTable thead th{
	text-align: center;
	background: #505050;
	color: #FFF;
}

table.repairPriceTable .info{
	background: #F3F3F3;
}

table.repair_infobox_gray{
  	border: 1px #E8E8E8 solid;
}

table.repair_infobox_gray th{
	text-align: left;
	background: #E8E8E8;
  	padding: 5px 20px;
}

table.repair_infobox_gray td{
  	padding: 20px;
}
table.Syuriryoukin_meyasu td.nedan {
	text-align: right;
}

.title {
	clear: both;
	color: #666;
	font-size: 15px;
	padding: 0 0 5px 5px;
	margin-bottom: 15px;
	border-bottom: 1px solid #D0D0D0;
	zoom: 1;
	font-weight: bold;
	color: #EEE;
	font-size: 1.3em;
}

div.detailArea {
	border-bottom:#E5E5E5 1px solid;
	border-left:#E5E5E5 1px solid;
	border-right:#E5E5E5 1px solid;
	margin: 0px 0px 20px 0px;
	padding:15px 32px;
}
.Gray {
	background:#F0F0F0;
	margin: 15px 0px 0px 0px;
	padding:5px 10px 5px 5px;
	font-weight:bold;
	clear:both;
	color: #000;
}
div.detailArea .detailArea-innerbox {
    clear: both;
    overflow: hidden;
}

.mod-linkButton {
	display: inline-block;
	width: 130px;
	height: auto;
	vertical-align: middle;
	 background: url("/support/share/images/bg_btnA.png") no-repeat scroll 0 52% transparent; 	border: 1px solid #BCBCBC;
	border-radius: 6px 6px 6px 6px;
	color: #333333;
	cursor: pointer;
	font-size: 12px;
	line-height: 1.4;
	transition: opacity 0.2s ease-in 0s; 
	-webkit-transition: opacity 0.2s ease-in 0s;
	-moz-transition: opacity 0.2s ease-in 0s;
	-ms-transition: opacity 0.2s ease-in 0s;
	-o-transition: opacity 0.2s ease-in 0s;
	letter-spacing: 0.01em;
	font-weight:bold;
}
	.mod-linkButton a {
		display: block;
		padding: 10px 10px 10px 16px;
		color: #333333;
		transition: opacity 0.2s ease-in 0s;
	}
	.mod-linkButton a:hover {
		opacity: 0.5;
		filter: alpha(opacity=50);
		-ms-filter: "alpha(opacity=50)";
		-moz-opacity: 0.5;
		-khtml-opacity: 0.5;
		zoom: 1;
		text-decoration: none;
		letter-spacing: 0.01em;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
	}
.mod-linkButton.pdf a{
	background-image:url(/support/share/images/pdf_icon.gif);
	background-repeat:no-repeat;
	background-position:80% center;
}


/*
	====================================
		table_trial_list
	====================================
*/
div.f_left {
	float: left;
}
div.w50 {
	width: 50%;
}
table.trial_list {
    margin: 0em 0em 2em 0em;
    width: 95%;
}
table.trial_list th {
    text-align: center;
}
table.trial_list th, table.trial_list td {
    border: #CCC 1px solid;
    padding: .5em;
}
table.trial_list th {
    background-color: #CCC;
    font-weight: 300;
	font-weight:bold;
    text-align: center;
}
table.trial_list td {
    background-color: #ffffff;
}
table.trial_list .trial_td_w {
	width:50%;
}
table.comparison_list {
    margin: 1em 0em 2em 0em;
    width: 70%;
}
table.comparison_list th {
    text-align: center;
}
table.comparison_list th, table.comparison_list td {
    border: #CCC 1px solid;
    padding: .5em;
}
table.comparison_list th {
    background-color: #ffffff;
    font-weight: 300;
    text-align: center;
}
table.comparison_list td {
	text-align:center;
    background-color: #ffffff;
}
table.comparison_list .comparison_th_w_7rm2 {
	width:36%;
}
table.comparison_list .comparison_th_w_7sm2 {
	width:36%;
}


.col-4 {
  float: left;
  width: 22%;
  margin-left: 4%;
}
.col-4:first-of-type {
  margin-left: 0;
}
.apply {
  height: 325px;
  background-color: #f1f5f9;
}
.apply .step {
  padding: 225px 10px 0;
  font-size: 14px;
}
.step1 {
  background: url(../img/step1.png) no-repeat center 20px;
}
.step2 {
  background: url(../img/step2.png) no-repeat center 20px;
}
.step3 {
  background: url(../img/step3.png) no-repeat center 20px;
}
.step4 {
  background: url(../img/step4.png) no-repeat center 20px;
}
.apply span {
  font-size: 64px;
  line-height: 50px;
  font-weight: bold;
  float: left;
  height: 100px;
  color: #f05a23;
  margin-right: 15px;
}
.apply p {
  padding: 0;
  margin: 0;
}


#cs_cleaning_table {
	line-height: 1.3em;
	border-collapse: collapse;
	font-size: 0.9em;
}
	#cs_cleaning_table * {
		box-sizing: border-box;
	}
	#cs_cleaning_table th,
	#cs_cleaning_table td {
		vertical-align: middle;
		padding: 4px 8px;
		border: 1px #333 solid;
	}
	#cs_cleaning_table thead {
		border-bottom: 1px #333 solid;
	}
		#cs_cleaning_table thead th,
		#cs_cleaning_table thead td {
			text-align: center;
		}
			#cs_cleaning_table thead .cs_price {
				display: none;
			}
		#cs_cleaning_table thead .cs_course {
			width: 176px;
			color: #FFF;
		}
		#cs_cleaning_table thead .cs_course p {
			font-weight: bold;
		}
		#cs_cleaning_table thead .cs_cleaning_simple {
			background: #796BAF;
		}
		#cs_cleaning_table thead .cs_cleaning_sensor {
			background: #007FAD;
		}
		#cs_cleaning_table thead .cs_cleaning_light {
			background: #0068B7;
		}
		#cs_cleaning_table thead .cs_cleaning_full {
			background: #497389;
		}
		#cs_cleaning_table thead .cs_cleaning_full_body {
			background: #EB6101;
		}
		#cs_cleaning_table thead .cs_cleaning_full_lens {
			background: #A74200;
		}

	#cs_cleaning_table tbody {
	}
		#cs_cleaning_table tbody td,
		#cs_cleaning_table tbody th {
			padding: 8px 4px;
		}
		#cs_cleaning_table tbody .cs_cleaning_simple,
		#cs_cleaning_table tbody .cs_cleaning_sensor,
		#cs_cleaning_table tbody .cs_cleaning_light,
		#cs_cleaning_table tbody .cs_cleaning_full,
		#cs_cleaning_table tbody .cs_cleaning_full_body,
		#cs_cleaning_table tbody .cs_cleaning_full_lens {
			text-align: center;
		}
		#cs_cleaning_table tbody .cs_cleaning_simple.cs_yes{
			background-color: #ECE9F6;
		}
		#cs_cleaning_table tbody .cs_cleaning_sensor.cs_yes{
			background-color: #D6F6FF;
		}
		#cs_cleaning_table tbody .cs_cleaning_light.cs_yes{
			background-color: #D6EBFF;
		}
		#cs_cleaning_table tbody .cs_cleaning_full_body.cs_yes{
			background-color: #FEC095;
		}
		#cs_cleaning_table tbody .cs_cleaning_full_lens.cs_yes{
			background-color: #FFCEB3;
		}
	
	#cs_cleaning_table tbody.cs_cleaning_body th:not([class^="cs_cleaning_"]) {
		background-color: #5B7281;
		color: #FFF;
		font-weight: bold;
	}
	#cs_cleaning_table tbody.cs_cleaning_lens th:not([class*="cs_cleaning_"]){
		background-color: #886878;
		color: #FFF;
		font-weight: bold;
	}

	#cs_cleaning_table .cs_hide {
		display: none;
	}
	#cs_cleaning_table .cs_caption_left{
		display: inline-block;
		width: 80%;
		font-size: 1.5em;
		font-weight: bold;
	}
		#cs_cleaning_table .cs_caption_left .icon{
			vertical-align: middle;
			margin: 5px;
		}
	#cs_cleaning_table .cs_caption_right{
		display: inline-block;
		vertical-align: bottom;
		text-align: right;
		width: 19%
	}

	@media screen and (max-width: 640px) {
		#cs_cleaning_table th{
			border:none;
		}
		#cs_cleaning_table tbody.cs_cleaning_body {
			background: #F5F5F5;
		}
		#cs_cleaning_table tbody .cs_cleaning_simple.cs_yes,
		#cs_cleaning_table tbody .cs_cleaning_sensor.cs_yes,
		#cs_cleaning_table tbody .cs_cleaning_light.cs_yes,
		#cs_cleaning_table tbody .cs_cleaning_full_body.cs_yes,
		#cs_cleaning_table tbody .cs_cleaning_full_lens.cs_yes{
			background-color: transparent;
		}
	}

body .s5-returnToTop {
	margin-top: 80px;
}

#sp_footer_nav {
	border-top: 1px #CCC solid;
}
	#sp_footer_nav ul {
		width: 90%;
		margin: 0 auto;
		text-align: right;
	}
		#sp_footer_nav li {
			display: inline-block;
			position: relative;
		}
			#sp_footer_nav li a {
				position: relative;
				padding: 1em;
				color: #FFF;
			}
		#sp_footer_nav li + li::before {
			content: "";
			display: inline-block;
			position: absolute;
			left: 1px; top: 0; bottom: 0;
			width: 1px;
			height: 1em;
			margin: auto;
			background: #CCC;
		}

.sp_slide {
	position: absolute;
	z-index: 0;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
	.sp_slide li {
		height: 100%;
	}
	.sp_slide li span {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0px;
		left: 0px;
		color: transparent;
		background-size: cover;
		background-position: 50% 50%;
		background-repeat: none;
		opacity: 0;
		z-index: 0;
		animation: imageAnimation 28s linear infinite 0s;
	}
	.sp_slide li:nth-child(1) span {
		background-image: url(../img/top/visual_01.jpg);
	}
	.sp_slide li:nth-child(2) span {
		background-image: url(../img/top/visual_02.jpg);
		animation-delay: 7s;
	}
	.sp_slide li:nth-child(3) span {
		background-image: url(../img/top/visual_03.jpg);
		animation-delay: 14s;
	}
	.sp_slide li:nth-child(4) span {
		background-image: url(../img/top/visual_04.jpg);
		animation-delay: 21s;
	}

@keyframes imageAnimation {
	0% { opacity: 0; animation-timing-function: ease-in; }
	8% { opacity: 1; animation-timing-function: ease-out; }
	25% { opacity: 1 }
	50% { opacity: 0 }
	100% { opacity: 0 }
}

.cs_cover,
.course_detail {
	display: none;
}

.txt_orange {
    color: #F78636;
}

.sp_sub_head2 {
    font-weight: bold;
    font-size: 1.8em;
}

/*20190717*/

.break{
	word-break: break-all;
}


ul.txtlink li {
    margin: 0 30px 0 3px;
    padding: 0 0 0 10px;
    background: url(/share/images/arrow_black.gif) no-repeat left 0.8em !important;
    list-style: none;
	float: none !important;
}
a.link_page {
    margin: 0 30px 0 0;
    padding: 0 0 0 15px;
    background: url(/support/share/images/arrow_underline.gif) no-repeat left 0.5em;
    list-style: none;
}
/*20191003*/
table.event_list {
    margin: 1em 0em 2em 0em;
    width: 600px;
    max-width: 90%;
	color: black;
}

table.event_list th, table.event_list td {
    border: #CCC 1px solid;
    padding: .5em;
}
table.event_list th {
    background-color: #ffffff;
    font-weight: 300;
    text-align: left;
}
table.event_list td {
	text-align:leftr;
    background-color: #ffffff;
}

	@media screen and (max-width: 640px) {
		table.event_list {
			width: auto
		}
	}

/*20191003*/

#sp_visual #sp_global_nav .sp_nav_main .sp_active span {
	width: 180px;
}
#sp_visual #sp_global_nav .sp_nav_main .sp_home > span::before, 
#sp_visual #sp_global_nav .sp_nav_main .sp_home a::before {
	left: 30px;
} 
#sp_visual #sp_global_nav .sp_nav_main .sp_active span.inner_text {
	width: auto;
}
#sp_visual #sp_global_nav .sp_nav_main li {
	width: 180px;
}
#sp_visual #sp_global_nav .sp_nav_main a {
	width: 180px;
}

	@media screen and (max-width: 640px) {
		#sp_visual #sp_global_nav .sp_nav_main li {
			width: auto;
		}
		#sp_visual #sp_global_nav .sp_nav_main a {
			width: auto;
		}
	}
.sp_non_member #ap_info_category li {
	width: 190px;
}


.pro_menu {
	margin: 0 0 0 50px;
}

.pro_link {
	padding: 30px 40px 30px 0px;
	display: inline-block;
    float: left;
}
.pro_link ul li span {
	color: rgb(236, 102, 0);
	margin-right: 5px;
}


.pro_link ul li a {
	font-weight: bold;
}
.sign_in_area {
	padding: 10px 40px 17px;
	border: 1px solid #cccccc;
	display: inline-block;
	text-align: center;
	margin-top: 20px;
}
.sign_in_area p.pro {
	margin-bottom: 5px;
}
.sign_in_area span {
	padding: 5px 30px;
	background-color: #EC6600;
}
#sp_main .sign_in_area span a {
    color: #fff;
	font-weight: bold;

}

.sign_in_area .info {
	font-size: 12px;
	margin-top: 12px;
    line-height: 1.5em;
}

#sp_main a.textLink,
#sp_info_article a.textLink {
    display: inline;
    margin: 0 3px 0 7px;
    background-position: 0px;
}

.notice {
	padding: 10px;
	border: 1px solid #f00;
	display: block;
    margin-top: 20px;

}
.notice p {
    margin: 0px !important;

}

.center {
    text-align: center;
}

.step_area {
	text-align: center;
	margin: 20px 0;
	overflow: hidden;
}
ul.step_area_text {
    padding: 0;
}
.step_area ul li {
	background: #DDD;
    display: inline-block;
    line-height: 1.4;
    margin: 0 10px 15px 0;
	width: 160px;
	vertical-align: top;
}
.step_area .step_btn {
    font-size: 14px;
    padding: 10px;
}
.step_area .figure {
    padding-bottom: 5px;
    display: block;
}
.step_area .stepLine {
    line-height: unset!important;
    display: block;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
	height: 65px;
}
.step_area .stepOr {
	color: #f05a23;
	line-height: 28px;
	font-weight: bold;
}
.step_area .step_s {
    font-size: 10px;
}

.sp_body_wrapper #sp_main #enqueteArea {
	margin-left: auto;
	margin-right: auto;
	float: none;
}

.menu_list h3.sp_square {
	margin-top: 60px;
	margin-bottom: 30px;
}
.menu_list h3.sp_square:first-child {
	margin-top: 30px;
}

/*20191021*/
@media screen and (min-width: 640px) {
	.ib-list {
		display: inline-block;
		width:20%;
	}
}
.doubleline {
	border-top: 3px dotted #9b9b9b;
	border-bottom: 3px dotted #9b9b9b;
	padding: 10px 0;
	max-width: 50em;
}

#sp_visual #sp_global_nav .sp_nav_main .sp_registration a {
	padding-top: calc(10px + 0.6em);
}

/*20191205*/
.s5-returnToTop__button {
	background-color: #e4e7eb;
}

ul.archive li {
	float: left;
	margin: 0 1em 0 1.5em;
}

ul.archive li a {
	font-weight: bold;
}


/* ○×アンケートスタイル */
div#sbi_comment1 table td {
	color: #2f353d;
}


/*
	====================================
		2020/1/27追加 トップバナー
	====================================
*/
div.top_bnr {
	position: absolute;
	text-align: right;
	z-index: 11;
    width: 95%;
    bottom: 80px;
}
div.top_bnr p {
	line-height: 18px;
	margin-bottom: 10px;
}
div.top_bnr p a {
    padding: 15px 18px;
	text-align: left;
}
div.top_bnr.two_bnr a {
    width: 267px;
	text-indent: -9px;
    padding-left: 29px;
}

@media screen and (max-width: 640px) {
	div.sp_body_wrapper #sp_visual .sp_wrapper {
    	padding-bottom: 0px;
	}
	div.top_bnr {
		position: static;
		bottom: 52px;
	}
	#sp_global_nav {
		background: none;
	}
	#sp_global_nav .inner_text br {
		display: none;
	}
}
@media screen and (max-width: 490px) {
	div.sp_body_wrapper #sp_visual .sp_wrapper {
    	padding-bottom: 10px;
	}
	#sp_visual .sp_slide li span {
		background-size: 130% auto;
	}
	div.top_bnr p a {
		padding: 12px 10px;
	}
}

.js-enqueteArea {
	margin-top: 50px
}

.info_white {
	background-color: #fff;
	color: #000;
    padding: 15px 22px;
    margin-bottom: 30px;
	display: inline-block;
}

h4.sp_sub_head {
    font-size: 1.1em;
}

@media screen and (max-width: 640px) {

	.mq_pb0{
		padding-bottom: 0 !important;
	}
}


/* 20200316 */

#contact_btn ul{
	margin-top: 1em;
}

#contact_btn ul li{
	margin-bottom: 2em;
}

/* 20200615 */

img.icon{
	vertical-align: middle !important;
}

.sp_section.info{
	padding: 80px 60px 60px 60px;
}

.sp_section.info p{
	margin-top: 20px;
	margin-bottom: 30px;
}

.sp_section.info .sec_wrapper{
	margin-left: 1em;
}

.mb40{
	margin-bottom: 40px;
}

.mb50{
	margin-bottom: 50px;
}

.sp_section.info h4{
	font-size: 1.1em;
}

dl.dl_info dd {
	padding-left: 32px;
	margin-bottom: 20px
}

@media (max-width: 640px){
	.sp_section.info{
		padding: 60px 10px;
	}
	
	.sp_inner_wrapper{
		margin: 0;
	}
	.sp_section.info .sec_wrapper{
		margin-left: 0;
	}
}
/* 20200715 */
.s5-button.center{
	text-align: center;
	margin: 10px 0;
	line-height: 1.8;
}

.s5-button.center.large{
	padding-top: 14px;
	padding-bottom: 14px;
}

.s5-button.w35{
	width: 35%;
	max-width: 320px;
}

.s5-button.w40{
	width: 40%;
	max-width: 400px;
}

img.br_icon{
    float: left;
    margin-left: 10px;
}

ul.square >	li:before{
	content: "■";
	display: inline-block;
	margin-right: 3px;
}
.sp_sub_head.square{
	padding-left: 1.1em;
	text-indent: -10px;
}
.sp_sub_head.square:before{
	content: "■";
	display: inline-block;
	margin-right: 3px;
}

.sp_sub_head.square + .sp_inner_wrapper{
	margin-left: 24px;
}

ul.square >	li{
	text-indent: -10px;
    padding-left: 20px;
}

ul.square >	li.no_indent{
	text-indent: 0;
    padding-left: 0;
}

ul.innerLink{
	margin-left: 33px;
}

ul.innerLink li a{
    background: url(/support/share/images/arrow_underline.gif) no-repeat;
    padding: 0 0 0 10px;
	background-position: 0;
}

ul.row{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

ul.row.r15 li{
	margin-right: 1.5em;
	text-indent: -10px;
	padding-left: 10px;
}

img.icon{
	padding-bottom: 3px;
}

ol.step > li{
	text-indent: -74px;
    padding-left: 74px;
}

ol.step > li.no-indent{
	text-indent: 0;
    padding-left: 0;
}

ol.step > li > p > span{
	display: inline-block;
}

.sp_section.info ul.list2 > li > p{
	margin-bottom: 10px;
	margin-top: 0;
}

p.three_indent{
	text-indent: -3em;
	padding-left: 3em;
}

.pl35em{
	padding-left: 3.5em !important;
}

@media (max-width: 640px){
	
	ul.innerLink{
	margin-left: 14px;
}
	
	.s5-button.w35{
		width: 100%;
		max-width: 100%;
	}
	.s5-button.w40{
	width: 100%;
	}
}


/*20200831 gray,grayline*/
.gray{
	position: relative;
	margin: 15px 0 0px;
	padding: 7px 32px 5px;
	font-size: 1.2em;
	font-weight: bold;
	background-color: #eee;
}

.grayline{
	border-bottom: #E5E5E5 1px solid;
    border-left: #E5E5E5 1px solid;
    border-right: #E5E5E5 1px solid;
    margin: 0px 0px 20px 0px;
    padding: 15px 32px 20px;
}

@media screen and (max-width: 640px){
	.gray{
		padding: 13px 10px 10px 32px;
	}
	.grayline{
    	padding: 15px;
}
}

.m_left{
	margin-left: 3.8em;
}
.m_left2{
	margin-left: 2em;
}
@media screen and (max-width: 640px){
	.m_left,
	.m_left2{
	margin-left: 0;
	}
}

/*20201118 mod-linkButton2 pdf*/
div.grayline.sp_inner_wrapper p.pdf{
	margin: 10px 0;
}
div.grayline.sp_inner_wrapper p span.mod-linkButton2.pdf{
	display: inline-block;
    width: 182px;
    height: auto;
    vertical-align: middle;
    background: url(/support/share/images/bg_btnA.png) no-repeat scroll 0 52% transparent;
    border: 1px solid #BCBCBC;
    border-radius: 6px 6px 6px 6px;
    color: #333333;
    cursor: pointer;
    font-size: 12px;
    line-height: 1.4;
    transition: opacity 0.2s ease-in 0s;
    -webkit-transition: opacity 0.2s ease-in 0s;
    -moz-transition: opacity 0.2s ease-in 0s;
    -ms-transition: opacity 0.2s ease-in 0s;
    -o-transition: opacity 0.2s ease-in 0s;
    letter-spacing: 0.01em;
    font-weight: bold;
    padding: 1em;
	margin-right: 1em;
}

div.grayline.sp_inner_wrapper p span.mod-linkButton2.pdf a{
	background-image: url(/support/share/images/pdf_icon.gif);
    background-repeat: no-repeat;
    background-position: 96% center;
    padding-left: 1.5em;
    padding-right: 30px;
}

@media screen and (max-width: 640px) {
	div.grayline.sp_inner_wrapper p span.mod-linkButton2.pdf{
	display: block;
	margin-top: 1em;
}
}

/* 20210121 */

a.break {
    word-break: break-all !important;
}

.inline{
	display: inline !important;
}
ul.indent > li{
	padding-left: 1em;
    text-indent: -1em;
}

.sp_member #sp_info_article .flex{
	display: flex;
	flex-wrap: wrap;
}

.mw600{
	max-width: 600px;
}

.flex > span{
	padding-right: 1em;
}

@media screen and (max-width: 640px) {
	.flex{
		max-width: 460px;
		width: 100%;
	}
}

/* 20210426 */
dl.gw_schedule dt {
    float: left;
    width: 210px;
}
@media screen and (max-width: 500px) {
	dl.gw_schedule dt {
	    float: none;
	}
}

/* 20211203 */
div.caution {
    margin: 15px 15px 50px 30px;
    padding: 15px 15px 15px 0;
    border-top: 1px dashed #000;
    border-bottom: 1px dashed #000;
}

/* 20211209 */
/*table_list*/
table.table_list {
    color: #EEE;
    margin-left: 1em;
}
table.table_list th{
    width: 11em;
}

table.table_list td:before {
    content: " :";
    padding-right: 0.5em;
}
table.table_list td {
text-indent: -1em;
line-height: 1.4;
padding: 0.3em 0;
word-break: break-all;
}
@media screen and (max-width: 640px){
    table.table_list {
    color: #EEE;
    margin-left: 0;
    }
}

/*org_bnr*/
div.org_bnr span{
    padding: 5px 25px;
    background-color: #EC6600;
}
div.org_bnr span a{
    color: #fff!important;
    font-weight: bold;
}
@media screen and (max-width: 640px){
    div.org_bnr span{
    padding: 5px 7px;
}
}