/* form ----------------------------------------*/
.lang_en #content #main div.indent div.div_parents,
.lang_pt #content #main div.indent div.div_parents,
.lang_en #content #main div.indent div.div_parents_complete,
.lang_pt #content #main div.indent div.div_parents_complete,
.lang_en #content #main div.indent div.div_parents_confirm,
.lang_pt #content #main div.indent div.div_parents_confirm {
	display: none;
}

#step_nav {	padding:13px 0;}
#step_nav li {
	border:1px solid #17a1e6;
	display:block;
	position:relative;
	float:left;
	width:175px;
	height:37px;
	line-height:37px;
	background:#f0f7fd;
	text-align:center;
}
#step_nav li:after {
	position:absolute;
	top:-1px;
	right:-17px;
	content:url(/jpn/share/img/step_nav_arrow.png);
}
#step_nav li.current {	background:#17a1e6;}
#step_nav li.current:after {	content:url(/jpn/share/img/step_nav_arrow_ov.png);}
#step_nav li.step1 {	z-index:4;}
#step_nav li.step2 {	z-index:3;}
#step_nav li.step3 {	z-index:2;}
#step_nav li.step4 {	z-index:1;}
#step_nav li.step4:after {	content:none;}
#step_nav li img {	vertical-align:middle;}
#form_content {
	padding:9px;
	border:1px solid #cbcbcb;
	background:#eaeaea;
}
#form_content label {	cursor:pointer;}
#form_content input.radio {
	margin-right:.5em;
	vertical-align:top;
}
#form_content pre {
	line-height:1.539;
	font-family:arial,helvetica,clean,sans-serif;
	white-space:pre-wrap;
	white-space:-moz-pre-wrap;
	white-space:-o-pre-wrap;
	white-space:-pre-wrap;
	word-wrap:break-word;
}
#form_content div.row {
	margin-bottom:2px;
	background:#fff;
}
#form_content div.row .label {
	margin-right:-2px;
	border-right:2px solid #ebebeb;
	padding:10px;
	float:left;
	width:190px;
	font-size:93%;
	text-align:right;
}
#form_content div.row .label p {	margin:0;}
#form_content div.row label.required {	color:#f00;}
#form_content div.row div.field {
	border-left:2px solid #ebebeb;
	padding:10px 16px 5px;
	float:right;
	width:446px;
	font-size:93%;
}
.lang_pt #viewusercourse input ,
.lang_pt #viewusercourse label { float:left;}
#form_content div.row div.error_field {	background-color:#ffc1c2;}
#form_content div.row div.field input {
	margin:0 0 5px;
	vertical-align:top;
}
#form_content div.row div.field input.text {	width:60%;}
#form_content div.row div.field input.radio {
	margin:0 0 2px;
	vertical-align:middle;
}
#form_content div.row div.field input.radio + label {	margin:0 1em 0 .5em;}
#form_content div.row div.field label + input.text {	margin-left:.5em;}
#form_content div.row div.field select {
	margin:0 0 5px;
	vertical-align:top;
}
#form_content div.row div.field label + select {	margin-left:.5em;}
#form_content div.row div.field label {	vertical-align:top;}
#form_content div.row div.field p {	margin-bottom:5px;}
#form_content div.row div.field p.caution {	font-size:100%;}
#form_complete {
	margin:0 auto;
	width:610px;
}
#form_content div.row div.field ul {	margin-bottom:5px;}
#form_content div.row div.field ul.note {	padding-top:1em;}
#form_complete h2 {
	margin-left:-20px;
	padding:0 0 1.231em;
	border-bottom:1px solid #b0b0b0;
	width:650px;
	background:none;
	font-size:123.1%;
	text-align:center;
}

#smartphone-group {
	display: flex;
  justify-content: center;
}
.smartphone-group-left {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 20px 0 0;
}
.smartphone-group-left::before {
	content: "";
	display: inline-block;
	background-image: url('../../../share/img/contact_nav_smartphone_bg.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 74px;
	height: 74px;
}
.smartphone-group-right {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.smartphone-group-right a {
	margin: 0 10px;
	font-size: 15px;
	font-weight: bold;
	display: inline-block;
}

input.confirm {	background:no-repeat 0 0;}
body.lang_ja input.confirm {	background-image:url(/jpn/japanese/share/img/btn_confirm.png);}
body.lang_en input.confirm {	background-image:url(/jpn/english/share/img/btn_confirm.png);}
body.lang_pt input.confirm {	background-image:url(/jpn/portuguese/share/img/btn_confirm.png);}
body.lang_zh input.confirm {	background-image:url(/jpn/chinese/share/img/btn_confirm.png);}
body.lang_ja input.confirm:hover {	background-position:0 -52px;}
body.lang_en input.confirm:hover {	background-position:0 -42px;}
body.lang_pt input.confirm:hover {	background-position:0 -42px;}
body.lang_zh input.confirm:hover {	background-position:0 -42px;}
body.lang_ja input.confirm_consent {	background-image:url(/jpn/japanese/share/img/btn_confirm_consent.png);}
body.lang_en input.confirm_consent {	background-image:url(/jpn/english/share/img/btn_confirm_consent.png);}
body.lang_pt input.confirm_consent {	background-image:url(/jpn/portuguese/share/img/btn_confirm_consent.png);}
body.lang_zh input.confirm_consent {	background-image:url(/jpn/chinese/share/img/btn_confirm_consent.png);}
body.lang_ja input.confirm_consent:hover {	background-position:0 -52px;}
body.lang_en input.confirm_consent:hover {	background-position:0 -42px;}
body.lang_zh input.confirm_consent:hover {	background-position:0 -42px;}
body.lang_pt input.confirm_consent:hover {	background-position:0 -42px;}

input.complete {	background:no-repeat 0 0;}
body.lang_ja input.complete {	background-image:url(/jpn/japanese/share/img/btn_complete.png);}
body.lang_en input.complete {	background-image:url(/jpn/english/share/img/btn_complete.png);}
body.lang_pt input.complete {	background-image:url(/jpn/portuguese/share/img/btn_complete.png);}
body.lang_zh input.complete {	background-image:url(/jpn/chinese/share/img/btn_complete.png);}
body.lang_ja input.complete:hover {	background-position:0 -52px;}
body.lang_en input.complete:hover {	background-position:0 -42px;}
body.lang_pt input.complete:hover {	background-position:0 -42px;}
body.lang_zh input.complete:hover {	background-position:0 -42px;}
input.back {	background:no-repeat 0 0;}
body.lang_ja input.back {	background-image:url(/jpn/japanese/share/img/btn_back.png);}
body.lang_en input.back {	background-image:url(/jpn/english/share/img/btn_back.png);}
body.lang_pt input.back {	background-image:url(/jpn/portuguese/share/img/btn_back.png);}
body.lang_zh input.back {	background-image:url(/jpn/chinese/share/img/btn_back.png);}
body.lang_ja input.back:hover {	background-position:0 -52px;}
body.lang_en input.back:hover {	background-position:0 -42px;}
body.lang_pt input.back:hover {	background-position:0 -42px;}
body.lang_zh input.back:hover {	background-position:0 -42px;}

/* Add sp --------------------------------------*/
@media screen and (max-width:600px) {
	/*��������ҏW*/
	.lang_en #content #main div.indent div.div_parents,
	.lang_pt #content #main div.indent div.div_parents,
	.lang_en #content #main div.indent div.div_parents_complete,
	.lang_pt #content #main div.indent div.div_parents_complete,
	.lang_en #content #main div.indent div.div_parents_confirm,
	.lang_pt #content #main div.indent div.div_parents_confirm {
		margin-bottom: 30px;
	}
	.lang_en #step_nav,
	.lang_pt #step_nav {
		display: none;
	}
	
	.lang_en #content #main div.indent div.div_parents,
	.lang_pt #content #main div.indent div.div_parents{
		overflow: hidden;
		zoom: 1;
		display: block;
	}

	#content #main div.indent div.div_parents div.step01,
	#content #main div.indent div.div_parents div.step02,
	#content #main div.indent div.div_parents div.step03,
	#content #main div.indent div.div_parents div.step04 {
		float: left;
		height: 78px;
		position: relative;
	}
	#content #main div.indent div.div_parents div.step01 span,
	#content #main div.indent div.div_parents div.step02 span,
	#content #main div.indent div.div_parents div.step03 span {
		position: absolute;
		top: 50%;
		margin-top: -0.5em;
		left: 50%;
	}
	.lang_pt #content #main div.indent div.div_parents div.step01 span {
		margin-left: -35px;
	}
	.lang_pt #content #main div.indent div.div_parents div.step02 span {
		margin-left: -40px;
	}
	.lang_pt #content #main div.indent div.div_parents div.step03 span {
		margin-left: -30px;
	}
	.lang_en #content #main div.indent div.div_parents div.step01 span {
		margin-left: -35px;
	}
	.lang_en #content #main div.indent div.div_parents div.step02 span {
		margin-left: -40px;
	}
	.lang_en #content #main div.indent div.div_parents div.step03 span {
		margin-left: -30px;
	}
	.lang_en #content #main div.indent div.div_parents div.step01 span {
		position: absolute;
		top: 50%;
		margin-top: -1em;
	}
	#content #main div.indent div.div_parents div.step04 span {
		position: absolute;
		top: 50%;
		margin-left: 5px;
		margin-top: -2em;
		left: 50%;
	}
	.lang_pt #content #main div.indent div.div_parents div.step04 span {
		margin-left: -45px;
	}
	.lang_en #content #main div.indent div.div_parents div.step04 span {
		margin-left: -45px;
	}
	#content #main div.indent div.div_parents div.step01 {
		width: 23%;
		background: #17A1E6;
		color: #ffffff;
		background-image: url("/jpn/share/img/sp_step_blue_arrow_ov.png");
		background-position: right center;
		background-repeat: no-repeat;
	}
	#content #main div.indent div.div_parents div.step02,
	#content #main div.indent div.div_parents div.step03 {
		width: 23%;
		color: #17A1E6;
		background-image: url("/jpn/share/img/sp_step_blue_arrow.png"),url("/jpn/share/img/sp_step_blue_arrow_repeat.png");
		background-repeat: no-repeat, repeat-x;
		background-position: right center, left;
	}
	#content #main div.indent div.div_parents div.step04 {
		width: 30%;
		color: #17A1E6;
		background-image: url("/jpn/share/img/sp_step_blue_arrow_repeat.png");
		background-repeat: repeat-x;
		background-position: left;
	}
	#content #main div.indent div.div_parents div.step04 {
		border-right: 5px #17A1E6 solid;
		
	}
	/*��������complete*/
	.lang_en #content #main div.indent div.div_parents_complete,
	.lang_pt #content #main div.indent div.div_parents_complete {
		overflow: hidden;
		zoom: 1;
		display: block;
	}

	#content #main div.indent div.div_parents_complete div.step01,
	#content #main div.indent div.div_parents_complete div.step02,
	#content #main div.indent div.div_parents_complete div.step03,
	#content #main div.indent div.div_parents_complete div.step04 {
		float: left;
		height: 78px;
		position: relative;
	}
	#content #main div.indent div.div_parents_complete div.step01 span,
	#content #main div.indent div.div_parents_complete div.step02 span,
	#content #main div.indent div.div_parents_complete div.step03 span {
		position: absolute;
		top: 50%;
		margin-top: -0.5em;
		left: 50%;
	}
	.lang_pt #content #main div.indent div.div_parents_complete div.step01 span {
		margin-left: -40px;
	}
	.lang_pt #content #main div.indent div.div_parents_complete div.step02 span {
		margin-left: -40px;
	}
	.lang_pt #content #main div.indent div.div_parents_complete div.step03 span {
		margin-left: -30px;
	}
	.lang_en #content #main div.indent div.div_parents_complete div.step01 span {
		margin-left: -35px;
	}
	.lang_en #content #main div.indent div.div_parents_complete div.step02 span {
		margin-left: -40px;
	}
	.lang_en #content #main div.indent div.div_parents_complete div.step03 span {
		margin-left: -30px;
	}
	.lang_en #content #main div.indent div.div_parents_complete div.step01 span {
		position: absolute;
		top: 50%;
		margin-top: -1.5em;
	}
	#content #main div.indent div.div_parents_complete div.step04 span {
		position: absolute;
		top: 50%;
		margin-top: -2em;
		left: 50%;
	}
	.lang_pt #content #main div.indent div.div_parents_complete div.step04 span {
		margin-left: -45px;
	}
	.lang_en #content #main div.indent div.div_parents_complete div.step04 span {
		margin-left: -45px;
	}
	#content #main div.indent div.div_parents_complete div.step01 {
		width: 23%;
		background: #17A1E6;
		color: #ffffff;
		background-image: url("/jpn/share/img/sp_step_blue_arrow_ov.png");
		background-position: right center;
		background-repeat: no-repeat;
		border-left: 0;
	}
	#content #main div.indent div.div_parents_complete div.step01,
	#content #main div.indent div.div_parents_complete div.step02 {
		width: 23%;
		color: #17A1E6;
		background-image: url("/jpn/share/img/sp_step_blue_arrow.png"),url("/jpn/share/img/sp_step_blue_arrow_repeat.png");
		background-repeat: no-repeat, repeat-x;
		background-position: right center, left;
	}
	#content #main div.indent div.div_parents_complete div.step03 {
		width: 23%;
		color: #17A1E6;
		background-image: url("/jpn/share/img/sp_step_blue_arrow_ov02.png"),url("/jpn/share/img/sp_step_blue_arrow_repeat.png");
		background-repeat: no-repeat, repeat-x;
		background-position: right center, left;
	}
	#content #main div.indent div.div_parents_complete div.step04 {
		width: 30%;
		background: #17A1E6;
		color: #ffffff;
		background-repeat: repeat-x;
		background-position: left;
	}
	/*�����܂�complete*/
	/*��������confirm*/
	.lang_en #content #main div.indent div.div_parents_confirm,
	.lang_pt #content #main div.indent div.div_parents_confirm {
		overflow: hidden;
		zoom: 1;
		display: block;
	}

	#content #main div.indent div.div_parents_confirm div.step01,
	#content #main div.indent div.div_parents_confirm div.step02,
	#content #main div.indent div.div_parents_confirm div.step03,
	#content #main div.indent div.div_parents_confirm div.step04 {
		float: left;
		height: 78px;
		position: relative;
	}
	#content #main div.indent div.div_parents_confirm div.step01 span,
	#content #main div.indent div.div_parents_confirm div.step02 span,
	#content #main div.indent div.div_parents_confirm div.step03 span {
		position: absolute;
		top: 50%;
		margin-top: -0.5em;
		left: 50%;
	}
	.lang_pt #content #main div.indent div.div_parents_confirm div.step01 span {
		margin-left: -40px;
	}
	.lang_pt #content #main div.indent div.div_parents_confirm div.step02 span {
		margin-left: -40px;
	}
	.lang_pt #content #main div.indent div.div_parents_confirm div.step03 span {
		margin-left: -30px;
	}
	.lang_en #content #main div.indent div.div_parents_confirm div.step01 span {
		margin-left: -35px;
	}
	.lang_en #content #main div.indent div.div_parents_confirm div.step02 span {
		margin-left: -35px;
	}
	.lang_en #content #main div.indent div.div_parents_confirm div.step03 span {
		margin-left: -30px;
	}
	.lang_en #content #main div.indent div.div_parents_confirm div.step01 span {
		position: absolute;
		top: 50%;
		margin-top: -1.5em;
	}
	#content #main div.indent div.div_parents_confirm div.step04 span {
		position: absolute;
		top: 50%;
		margin-top: -2em;
		left: 50%;
	}
	.lang_pt #content #main div.indent div.div_parents_confirm div.step04 span {
		margin-left: -45px;
	}
	.lang_en #content #main div.indent div.div_parents_confirm div.step04 span {
		margin-left: -45px;
	}
	#content #main div.indent div.div_parents_confirm div.step01 {
		width: 23%;
		color: #17A1E6;
		background-image: url("/jpn/share/img/sp_step_blue_arrow_ov02.png"),url("/jpn/share/img/sp_step_blue_arrow_repeat.png");
		background-repeat: no-repeat, repeat-x;
		background-position: right center, left;
		border-left: 0;
	}
	#content #main div.indent div.div_parents_confirm div.step02 {
		width: 23%;
		background: #17A1E6;
		background-image: url("/jpn/share/img/sp_step_blue_arrow_ov.png");
		background-position: right center;
		background-repeat: no-repeat;
		color: #ffffff;

	}
	#content #main div.indent div.div_parents_confirm div.step03 {
		width: 23%;
		color: #17A1E6;
		background-image: url("/jpn/share/img/sp_step_blue_arrow.png"),url("/jpn/share/img/sp_step_blue_arrow_repeat.png");
		background-repeat: no-repeat, repeat-x;
		background-position: right center, left;
	}
	#content #main div.indent div.div_parents_confirm div.step04 {
		width: 30%;
		color: #17A1E6;
		background-image: url("/jpn/share/img/sp_step_blue_arrow_repeat.png");
		background-repeat: repeat-x;
		background-position: left;
		border-right: 0;
	}
	/*�����܂�confirm*/
	/*�����܂ŕҏW*/
	#step_nav li {
		border:2px solid #17a1e6;
		width:23%;
		height:39px;
		line-height:39px;
	}
	#step_nav li.step4 {
		width:31%;
	}
	#step_nav li:after {
		right:-15px;
	}
	#step_nav li img {
		height: 12px;
		vertical-align: top;
		margin-top: 12px;
	}
	
	#form_content {
		padding: 5px;
	}
	#form_content div.row .label {
		float: none;
		display: block;
		border-right: 0;
		text-align: left;
		width: 100%;
	}
	#form_content div.row div.field {
		width: 100%;
		padding: 10px 10px 5px;
		float: none;
		border-left: 0;
	}
	#form_content div.row div.field input.text {
		width: 100%;
	}
	#form_content div.row div.field input.text w80 {
		width: 100% !important;
	}
	#form_content div.row div.field label + input.text {
		margin-left: 0;
	}
	#viewuserhiragana,
	#viewuserkatakana,
	#viewuserkanji,
	#viewuserconversation {
		width: 100% !important;
	}
	#viewuserkatakana div.flex,
	#viewuserkanji div.flex,
	#viewuserconversation div.flex {
		display: block;
		text-align: left !important;
		margin-top: 10px;
	}
	#viewuserhiragana div.flex {
		display: block;
		text-align: left !important;
		margin-top: 0;
	}
	#viewuserlevel div {
		white-space: nowrap;
	}
	#form_complete {
		width:100%;
	}
	#form_complete h2 {
		width:100%;
		margin-left: 0;
	}
}/*max-width:600px*/
@media screen and (max-width:400px) {
	#content #main div.indent div.div_parents div.step01 span,
	#content #main div.indent div.div_parents div.step02 span,
	#content #main div.indent div.div_parents div.step03 span,
	#content #main div.indent div.div_parents_complete div.step01 span,
	#content #main div.indent div.div_parents_complete div.step02 span,
	#content #main div.indent div.div_parents_complete div.step03 span,
	.lang_pt #content #main div.indent div.div_parents_complete div.step01 span,
	.lang_pt #content #main div.indent div.div_parents_confirm div.step01 span,
	#content #main div.indent div.div_parents_confirm div.step02 span,
	#content #main div.indent div.div_parents_confirm div.step03 span {
		position: absolute;
		top: 50%;
		margin-top: -0.5em;
		font-size: 80%;
	}

	.lang_en #content #main div.indent div.div_parents_complete div.step01 span,
	.lang_en #content #main div.indent div.div_parents_confirm div.step01 span {
		position: absolute;
		top: 50%;
		margin-top: -1.5em;
		font-size: 80%;
	}

	#content #main div.indent div.div_parents div.step04 span,
	#content #main div.indent div.div_parents_complete div.step04 span,
	#content #main div.indent div.div_parents_confirm div.step04 span {
		position: absolute;
		top: 50%;
		margin-left: 0;
		margin-top: -2em;
		font-size: 80%;
	}
	.lang_pt #content #main div.indent div.div_parents div.step01 span {
		margin-left: -30px;
	}
	.lang_pt #content #main div.indent div.div_parents div.step02 span {
		margin-left: -35px;
	}
	.lang_pt #content #main div.indent div.div_parents div.step03 span {
		margin-left: -25px;
	}
	.lang_pt #content #main div.indent div.div_parents div.step04 span {
		margin-left: -40px;
	}
	.lang_pt #content #main div.indent div.div_parents_confirm div.step01 span {
		margin-left: -33px;
	}
	.lang_pt #content #main div.indent div.div_parents_confirm div.step02 span {
		margin-left: -28px;
	}
	.lang_pt #content #main div.indent div.div_parents_confirm div.step03 span {
		margin-left: -25px;
	}
	.lang_pt #content #main div.indent div.div_parents_confirm div.step04 span {
		margin-left: -40px;
	}
	.lang_pt #content #main div.indent div.div_parents_complete div.step01 span {
		margin-left: -33px;
	}
	.lang_pt #content #main div.indent div.div_parents_complete div.step02 span {
		margin-left: -33px;
	}
	.lang_pt #content #main div.indent div.div_parents_complete div.step03 span {
		margin-left: -25px;
	}
	.lang_pt #content #main div.indent div.div_parents_complete div.step04 span {
		margin-left: -40px;
	}

	.lang_en #content #main div.indent div.div_parents div.step01 span {
		margin-left: -30px;
	}
	.lang_en #content #main div.indent div.div_parents div.step02 span {
		margin-left: -30px;
	}
	.lang_en #content #main div.indent div.div_parents div.step03 span {
		margin-left: -25px;
	}
	.lang_en #content #main div.indent div.div_parents div.step04 span {
		margin-left: -35px;
	}
	.lang_en #content #main div.indent div.div_parents_confirm div.step01 span {
		margin-left: -33px;
	}
	.lang_en #content #main div.indent div.div_parents_confirm div.step02 span {
		margin-left: -25px;
	}
	.lang_en #content #main div.indent div.div_parents_confirm div.step03 span {
		margin-left: -25px;
	}
	.lang_en #content #main div.indent div.div_parents_confirm div.step04 span {
		margin-left: -35px;
	}
	.lang_en #content #main div.indent div.div_parents_complete div.step01 span {
		margin-left: -33px;
	}
	.lang_en #content #main div.indent div.div_parents_complete div.step02 span {
		margin-left: -30px;
	}
	.lang_en #content #main div.indent div.div_parents_complete div.step03 span {
		margin-left: -25px;
	}
	.lang_en #content #main div.indent div.div_parents_complete div.step04 span {
		margin-left: -30px;
	}

}/*max-width:400px*/