@charset "utf-8";


/*----- 全体向け ----------*/

body, button, input, select, textarea {
	font-family: "游ゴシック体", "Yu Gothic", YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
}

body .robot {
	/*font-family: Roboto;*/
	font-family: Roboto Condensed;
}

h1,h2,h3,h4,h5,h6 {
	margin: 0;
	font-weight: normal;
	font-size: 1em;
}

ul, ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

input[type="button"],input[type="text"],input[type="password"],input[type="submit"],textarea {
	-webkit-appearance: none;
	border-radius: 0;
}

input:focus,
textarea:focus{
	outline: none;
}


input::-webkit-input-placeholder {
    color: #555;
    font-weight: normal;
}
input:-ms-input-placeholder {
    color: #555;
    font-weight: normal;
    opacity: 1;
}
input::-moz-placeholder {
    color: #555;
    font-weight: normal;
		opacity: 1;
}
input:-moz-placeholder {
    color: #555;
    font-weight: normal;
		opacity: 1;
}

textarea::-webkit-input-placeholder {
    color: #555;
    font-weight: normal;
}
textarea:-ms-input-placeholder {
    color: #555;
    font-weight: normal;
		opacity: 1;
}
textarea::-moz-placeholder {
    color: #555;
    font-weight: normal;
		opacity: 1;
}
textarea:-moz-placeholder {
    color: #555;
    font-weight: normal;
		opacity: 1;
}

select {
	font-size: 13px !important;
	-webkit-appearance: none;
}
/*----- フォームチェックテキスト ----------*/
.warning {
    display: inline;
    color: red;
    margin: 0 0 0 10px;
}

/*----- 共通パーツ調整 ----------*/

/*
header .site-logo { padding-top: 10px; }

@media screen and (max-width: 768px) {
	.private-box .logo {
	  margin-bottom: 6.5px;
	}
}
*/
/*
footer .footer-block02 {
	background: #fff;
}
footer .footer-block02 .footer-sec address {
	position: relative;
	text-align: center;
}
*/

/*----- コンテンツ部分 ----------*/

#contents {
	position: relative;
	height: auto;
	width: 100%;
	background: #fff;
}

#contents a.link_txt:visited,
#contents a.link_txt:link {
	color: #0062b4 !important;
	text-decoration: none;
}

#contents a.link_txt:hover,
#contents a.link_txt:active {
	color: #0062b4 !important;
	text-decoration: underline;
}

#contents .icon_right_arow {
	display: inline-block;
	padding-right: 35px;
	background: url(../img/icn_arrow_blue.svg) no-repeat right center;
}


/*#contents .pagettl_area {
	height: auto;
	margin-bottom: 40px;
	padding: 32px 0 13px;
	background: url(../img/bg_ttl.gif) no-repeat center bottom;
	background: url(/assets/img/polygon/bg_polygon_yellow_big.png) center 50% repeat;
}*/

#contents .pagettl_area {
	height: auto;
	margin-bottom: 0;
	padding: 32px 0;
	background: url(/assets/img/polygon/bg_polygon_yellow_big.png) repeat center 50%;
}
#contents .pagettl_area h1:after {
  content: '';
  display: block;
  float: none;
  height: 2px;
  width: 50px;
  background-color: #000;
  margin: 11px auto 0;
}

#contents .pagettl_area .pagettl {
	text-align: center;
}

#contents .pagettl_area .pagettl_txt01 {
	display: inline-block;
	padding-top: 2px;
	color: #333;
	font-size: 1.875em;
}

#contents .pagettl_area .pagettl_txt02 {
	display: inline-block;
	font-size: 0.75em;
	color: #555;
}

#contents .account_wrap {
	/*margin-top: 40px;*/
	margin-top: 28px;
	min-height: 450px;
}

/* 新規会員登録調整 */
#contents.contents_signup {
	margin-top: 70px;
}
#contents.contents_signup.contents_signup_logo {
	margin-top: 50px;
}
@media only screen and (max-width: 768px) {
	#contents.contents_signup {
		margin-top: 20px;
	}
}

#contents.contents_signup .pagettl_area {
		/* 縦幅を小さくする */
		padding: 20px 0;
    margin-bottom: 27px;
}

/* フォーム部分 */
#contents .form_area {
	background: #eee;
}
#contents .questionnaire{
	background: #fff;
}

#contents .form_area .form_inner {
	width: 800px;
	margin: 0 auto;
}

#contents .form_area .form_box {
	display: table;
	width: 100%;
}

#contents .form_area .form_box#building_name {
	margin-top: -125px;
	padding-top: 125px;
}

@media only screen and (max-width: 768px) {
	#contents .form_area .form_box#building_name {
		margin-top: -120px;
		padding-top: 120px;
	}
}

@media only screen and (max-width: 525px) {
	#contents .form_area .form_box#building_name {
		margin-top: -80px;
		padding-top: 80px;
	}
}

@media only screen and (max-width: 375px) {
	#contents .form_area .form_box#building_name {
		margin-top: -68px;
		padding-top: 68px;
	}
}

#contents .form_area .form_box_inner01,
#contents .account_setup .form_box_inner01 {
	display: table-cell;
	/*height: 200px;*/
	padding: 30px 0;
	border-bottom: #aaa 1px dotted;
	vertical-align: middle;
}

#contents .form_area .form_box_inner02 {
	display: table-cell;
	padding: 30px 0;
	vertical-align: middle;
}


#contents .form_area .form_box_inner01 .form_hint,
#contents .account_setup .form_box_inner01 .form_hint {
	margin-top: 10px;
}
#contents .form_area .form_box_inner01 .form_hint .hint,
#contents .account_setup .form_box_inner01 .form_hint .hint {
	position: relative;
	padding-left: 15px;
	line-height: 24px;
    font-size: 12px;
    line-height: 1.5;
	color: #888;
}
#contents .form_area .form_box_inner01 .form_hint .hint + .hint {
	margin-top: 10px;
}
#contents .form_area .form_box_inner01 .form_hint .hint:before {
	content: '※';
	position: absolute;
	left: 0;
	top: 0;
}
#contents .form_area .hint .form_hint_cordtext{
	display:block;
}
#contents .form_area .hint .form_hint_cordimg{
	font-size:18px;
}
#contents .form_area  .form_hint_cordimg img{
	margin:10px 0 20px 0;
	width:98%;
}

.display-date-box {
	display:inline;
}

#contents .form_area .form_txt01,
#contents .account_setup .form_txt01 {
	line-height: 24px;
	font-size: 0.8125em;
	color: #555555;
}

#contents .form_area .form_txt02,
#contents .account_setup .form_txt02 {
	color: #333;
	font-size: 1.125em;
	font-weight: bold;
}
#contents .form_area .form_txt02_small{
	color: #333;
	font-size: 14px;
	font-weight: bold;
}

#contents.contents_signup .form_area .form_txt02{
	color: #333;
	font-size: 1.125em;
	font-weight: bold;
  display: table-cell;
  width: 13%;
  vertical-align: middle;
}

#contents .form_area .form_input_wrap02{
  width: 87%;
  display: table-cell;
}
#contents .form_area .form_input_wrap02 .form_input input[name="user[last_name]"],
#contents .form_area .form_input_wrap02 .form_input input[name="user[first_name]"],
#contents .form_area .form_input_wrap02 .form_input input[name="user[last_name_kana]"],
#contents .form_area .form_input_wrap02 .form_input input[name="user[first_name_kana]"]
{
  width: 290px;
}

#contents .form_area .signup_wrap{
  display: table;
  width: 100%;
	table-layout: fixed;
}

#contents.contents_signup .form_area .form_txt04{
  display: table-cell;
	color: #333;
	font-size: 1.125em;
	font-weight: bold;
  width: 43%;
  text-align: left;
  vertical-align: middle;
}

#contents .form_area .form_input_wrap04{
  display: table-cell;
  width: 55%;
}


@media only screen and (max-width: 768px) {
  #contents.contents_signup .form_area .form_txt02,
  #contents .form_area .form_input_wrap02,
  #contents.contents_signup .form_area .form_txt04,
  #contents .form_area .form_input_wrap04
  {
    display: block;
    width: auto;
  }
  #contents .form_area .form_input_wrap02 .form_input input[name="user[last_name]"],
  #contents .form_area .form_input_wrap02 .form_input input[name="user[first_name]"],
  #contents .form_area .form_input_wrap02 .form_input input[name="user[last_name_kana]"],
  #contents .form_area .form_input_wrap02 .form_input input[name="user[first_name_kana]"]
  {
    display: block;
    width: 100%;
  }
}

#contents .form_area .form_txt02 .popup,
#contents .account_setup .form_txt02 .popup,
#contents .form_area .form_txt04 .popup{
	font-size: 0.7222em;
	font-weight: normal;
}

#contents .form_area .form_txt02 .popup a,
#contents .account_setup .form_txt02 .popup a,
#contents .form_area .form_txt04 .popup a{
	display: inline-block;
	position: relative;
	right: 0;
	bottom: 2px;
	height: 13px;
  margin-top: 10px;
	padding-left: 22px;
	background: url(../img/icn_popup_blue.svg) no-repeat left 1px;
	line-height: 13px;
}

#contents .form_area .form_txt02 .popup a:visited,
#contents .form_area .form_txt02 .popup a:link,
#contents .form_area .form_txt04 .popup a:visited,
#contents .form_area .form_txt04 .popup a:link,
#contents .account_setup .form_txt02 .popup a:visited,
#contents .account_setup .form_txt02 .popup a:link {
	color: #0062b4;
	text-decoration: none;
}

#contents .form_area .form_txt02 .popup a:hover,
#contents .form_area .form_txt02 .popup a:active,
#contents .account_setup .form_txt02 .popup a:hover,
#contents .account_setup .form_txt02 .popup a:active {
	color: #0062b4;
	text-decoration: underline;
}

#contents .form_area .form_txt03 {
	font-size: 0.9375em;
	color: #555555;
}

#contents .form_area .form_txt03 .form_txt03_title {
	width: 150px;
	text-align: left;
	display: inline-block;
}

#contents .form_area .form_wb {
	word-break: break-all;
}

#contents .form_area .form_txt04 {
	text-align: center;
	color: #555555;
	font-size: 1.125em;
	font-weight: bold;
}

#contents .form_area .form_txt05 {
	font-size: 0.8125em;
	color: #999999;
}

#contents .form_area .txt_wrap01 {
	margin-left: 80px;
}

#contents .form_area .form_textarea textarea {
	width: 100%;
	height: 192px;
	padding: 11px 15px;
	border: 4px solid #e0e0e0;
	font-size: 0.8125em;
	color: #555555;
	box-sizing: border-box;
}

#contents .form_area .form_textarea textarea:focus {
	border: 4px solid #0062b4;
}

#contents .form_area .form_input,
#contents .account_setup .form_input
 {
	margin-bottom: 20px;
}

#contents .form_area .form_input input,
#contents .account_setup .form_input input {
	display: inline-block;
	width: 400px;
	padding: 11px 15px;
	font-size: 0.8125em;
	color: #555555;
	border: 4px solid #e0e0e0;
}

#contents .form_area .form_input input:focus,
#contents .account_setup .form_input input:focus {
	border: 4px solid #0062b4;
}

#contents .form_area .form_input span,
#contents .account_setup .form_input span {
	display: inline-block;
	width: 2em;
	padding: 15px 10px 0 0;
	color: #555555;
	font-size: 0.8125em;
}
#contents .form_area .form_input input.off,
#contents .account_setup .form_input input.off {
	background: #e0e0e0;
}


#contents .form_area .form_select, #contents .form_area .form_can_disable_select {
	font-size: 13px !important;
}

#contents .form_area .form_birth .form_select {
	float: left;
}

#contents .form_area .form_birth .birth_txt01 {
	display: inline-block;
	padding: 0 10px 0 5px;
}

#contents .form_area .form_company .form_select {
	float: left;
	margin-right: 10px;
}

#contents .form_area .checkbox_list{
	height: auto;
	padding: 55px 55px 35px;
	border: 4px solid #e0e0e0;
	background-color: #fff;
}

#contents .form_area .checkbox_list li {
	float: left;
	width: 33%;
	margin-bottom: 20px;
}

#contents .form_area .checkbox_list li .label_inner {
	display: block;
	width: 100%;
}

#contents .form_area .btn_box,
#contents .account_setup .btn_box {
	padding: 40px 0 120px;
}

#contents .form_area .btn_box_inner,
#contents .account_setup .btn_box_inner{
	height: 45px;
	position: relative;
	width:500px;
	margin:0 auto;
}

#contents .form_area .back_btn {
	width: 230px;
	margin: 0 auto;
}

#contents .form_area .btn_box_inner .back_btn {
	position: absolute;
	right: 50%;
	top: 0;
	margin:0 10px 0 0;
}

#contents .form_area .back_btn input{
	width: 230px;
	/*height: 45px;*/
	padding: 14px 0px 13px;
	border-radius: 2px;
	border: solid 1px #0062b4;
	background: #fff url(../img/icn_arrow_return_blue.svg) no-repeat 6px center;
	text-align: center;
	color: #0062b4;
	font-size: 0.875em;
	-webkit-transition: color 0.15s, background-color 0.15s, -webkit-transform 0.15s;
	transition: color 0.2s, background-color 0.15s, transform 0.15s;
}

#contents .form_area .back_btn input:hover {
	opacity: 0.9;
}

#contents .form_area .back_btn input:active {
	opacity: 0.9;
	-webkit-transform: translateY(1px);
	transform: translateY(1px);
	transition-duration: 0.1s;
}

#contents .form_area .submit_btn,
#contents .account_setup .submit_btn {
	width: 230px;
	margin: 0 auto;
}

#contents .form_area .btn_box_inner .submit_btn,
#contents .account_setup .btn_box_inner .submit_btn {
	position: absolute;
	left: 50%;
	top: 0;
	margin:0 0 0 10px;
}

#contents .form_area .submit_btn input,
#contents .account_setup .submit_btn input{
	width: 230px;
	padding: 13px 0px;
	background: #0062b4 url(../img/icn_arrow_white.svg) no-repeat 210px center;
	border-radius: 2px;
	border: solid 1px #0062b4;
	-moz-box-shadow: 0 1px 0 #004499;
	-webkit-box-shadow: 0 1px 0 #004499;
	box-shadow: 0 1px 0 #004499;
	text-align: center;
	color: #fff;
	font-size: 0.875em;
	-webkit-transition: color 0.15s, background-color 0.15s, box-shadow 0.15s, -webkit-transform 0.15s;
	transition: color 0.2s, background-color 0.15s, box-shadow 0.15s, transform 0.15s;
}

#contents .form_area .disabled_btn,
#contents .account_setup .disabled_btn {
	width: 230px;
	margin: 0 auto;
}

#contents .form_area .btn_box_inner .disabled_btn,
#contents .account_setup .btn_box_inner .disabled_btn {
	position: absolute;
	left: 50%;
	top: 0;
	margin:0 0 0 10px;
}

#contents .form_area .disabled_btn input,
#contents .account_setup .disabled_btn input{
	width: 230px;
	padding: 13px 0px;
	background: #BDBDBD url(../img/icn_arrow_white.svg) no-repeat 210px center;
	border-radius: 2px;
	border: solid 1px #aaa;
	-moz-box-shadow: 0 1px 0 #aaa;
	-webkit-box-shadow: 0 1px 0 #aaa;
	box-shadow: 0 1px 0 #cacaca;
	text-align: center;
	color: #eee;
	font-size: 0.875em;
	-webkit-transition: color 0.15s, background-color 0.15s, box-shadow 0.15s, -webkit-transform 0.15s;
	transition: color 0.2s, background-color 0.15s, box-shadow 0.15s, transform 0.15s;
}


#contents .form_area .submit_btn input:hover,
#contents .account_setup .submit_btn input:hover{
	background-color: #076dc3;
	box-shadow: 0 1px 0 #034ba6, 0 0px 0px rgba(0,0,0,0.2);
}

#contents .form_area .submit_btn input:active,
#contents .account_setup .submit_btn input:active{
	color: #ddd;
	background-color: #0861ac;
	box-shadow: 0 0 0 #044392, 0 0 0px rgba(0,0,0,0.2);
	-webkit-transform: translateY(1px);
	transform: translateY(1px);
	transition-duration: 0.1s;
}

#contents .form_area .submit_withdraw {
	position: absolute;
	left: 50%;
	top: 0;
	margin:0 0 0 10px;
	width: 230px;
	text-align: center;
}

#contents .form_area .submit_withdraw input {
	display: inline-block;
	/*height: 45px;*/
	padding: 11px 0 11px 27px;
	border: none;
	background: url(../img/icn_remove.svg) no-repeat left center;
	color: #0062b4;
	font-size: 0.875em;
}

#contents .form_area .submit_withdraw input:hover {
	text-decoration: underline;
}

#contents .form_area .submit_signup {
	width: 270px;
	margin: 0 auto;
}

#contents .form_area .submit_signup input{
	width: 270px;
	/*height: 62px;*/
	padding: 15px 0px;
	background: #0062b4 url(../img/icn_arrow_white.svg) no-repeat 250px center;
	border-radius: 2px;
	border: solid 1px #0062b4;
	-moz-box-shadow: 0 1px 0 #004499;
	-webkit-box-shadow: 0 1px 0 #004499;
	box-shadow: 0 1px 0 #004499;
	text-align: center;
	color: #fff;
	line-height: 1.25;
	font-size: 0.875em;
	-webkit-transition: color 0.15s, background-color 0.15s, box-shadow 0.15s, -webkit-transform 0.15s;
	transition: color 0.2s, background-color 0.15s, box-shadow 0.15s, transform 0.15s;
	cursor: pointer;
}

#contents .form_area .submit_signup input:hover {
	background-color: #076dc3;
	box-shadow: 0 1px 0 #034ba6, 0 0px 0px rgba(0,0,0,0.2);
}

#contents .form_area .submit_signup input:active {
	color: #ddd;
	background-color: #0861ac;
	box-shadow: 0 0 0 #044392, 0 0 0px rgba(0,0,0,0.2);
	-webkit-transform: translateY(1px);
	transform: translateY(1px);
	transition-duration: 0.1s;
}
#contents .back-arrow{
	background: url(/assets/img/arrow/icn_arrow_blue_back.svg) no-repeat 0 5px;
	padding: 0 0 0 1.5em;
}
#contents .form_top_text {
    max-width: 800px;
    margin: 0 auto 30px;
    font-size: 13px;
    color: #555555;
    line-height: 24px;
}

/* エラー */
#contents .error_box,
#contents .account_setup .error_box {
  margin-top: 30px;
  border: 4px solid #e8390e;
  clear: none;
  padding: 20px;
  background: #fff;
}
#contents .error_box{
	max-width: 800px;
	margin: 0 auto 30px;
}

#contents  .error_txt01,
#contents .account_setup .error_txt01 {
	color: #e8390e;
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 10px 0;
}

#contents  .error_txt02,
#contents .account_setup .error_txt02  {
	color: #e8390e;
	font-size: 0.8125em;
	line-height:1.5;
	word-wrap : break-word;
 	overflow-wrap : break-word
}
#contents .error_txt_height{
	line-height:1.75
}
#contents .error_point input,
#contents .error_point textarea,
#contents .error_point #building_pulldown_list,
#contents .error_point > li,
#contents .error_point .jqTransformSelectWrapper {
	border-color: #e8390e !important;
}


/* 完了画面 */
#contents .complete_area {
	width: 800px;
	padding-bottom: 40px;
	margin: 40px auto;
}

/*
#contents .complete_contact {
	padding-left: 230px;
}
*/
#contents .complete_withdraw {
    margin-top: 60px;
}
#contents .complete_resetting {
	padding-left: 70px;
}

#contents .complete_area .complete_txt01 {
	margin: 0 0 10px;
	color: #555555;
	font-size: 0.9375em;
	font-weight: bold;
}

#contents .complete_area .complete_txt02 {
	line-height: 24px;
	color: #555555;
	font-size: 0.8125em;
}

#contents .complete_area a:visited,
#contents .complete_area a:link {
	color: #0062b4;
	text-decoration: none;
}

#contents .complete_area a:hover,
#contents .complete_area a:active {
	color: #0062b4;
	text-decoration: underline;
}

/*----- サインアップページ ----------*/
#contents .signup_area01 {
	width: 800px;
	margin: 0 auto;
}

#contents .signup_area01 .signup01_txt01 {
	color: #555555;
	font-size: 0.9375em;
	font-weight: bold;
}

#contents .signup_area01 .signup01_txt02 {
	line-height: 24px;
	font-size: 0.8125em;
	color: #555555;
}

#contents .signup_area01 .signup01_txt03 {
	padding-left: 1em;
	line-height: 24px;
	text-indent: -1em;
	font-size: 0.75em;
	color: #555555;
}

#contents .signup_area01 .signup01_txt04 {
	text-align: center;
	font-size: 0.9375em;
	color: #555555;
}

#contents .signup_area01 .flow_arrow {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}

#contents .signup_area01 .flow_arrow li {
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 366px;
	width: 100%;
	height: 66px;
	padding-right: 6px;
	box-sizing: border-box;
	background: #e0e0e0 url(../img/parts_step_arrow.svg) no-repeat right top;
	text-align: center;
	line-height: 25px;
	color: #ffffff;
	font-size: 0.8125em;
	vertical-align:middle;
}

#contents .signup_area01 .flow_arrow li.flow_color01 {
	background: #0062b4 url(../img/parts_step_arrow.svg) no-repeat right top;
}
#contents .signup_area01 .flow_arrow li.flow_color02 {
	background: #7fb0d9 url(../img/parts_step_arrow.svg) no-repeat right top;
}

#contents .signup_area01 .flow_arrow li .flow_number {
	display: inline-block;
	height: 25px;
	margin-right: 14px;
	vertical-align: middle;
	font-size: 25px;
	font-weight: bold;
}

#contents .signup_area01 .bg_box01 {
	padding: 40px 20px;
	background: #f8f8f8;
}

#contents .signup_area02 {
	padding: 30px 0;
}

#contents .signup_area02 .signup02_inner {
	width: 800px;
	margin: 0 auto;
	padding: 40px 0;
	box-sizing: border-box;
	background: #0062b4;
	border-radius: 2px;
}

#contents .signup_area02 .signup02_txt01 {
	line-height: 24px;
	text-align: center;
	font-size: 0.8125em;
	color: #fff;
}
#contents .signup_area02 .signup02_txt01 a {
	color: #fff;
}

#contents .signup_area02 .signup02_btn01 {
	width: 400px;
	margin: 0 auto;
}

#contents .signup_area02 .signup02_btn01 a {
	display: block;
	width: 100%;
	height: 44px;
	padding: 13px 0px;
	box-sizing: border-box;
	background: #f0c20b url(../img/icn_arrow_white.svg) no-repeat 380px center;
	border-radius: 2px;
	border: solid 1px #f0c20b;
	-moz-box-shadow: 0 1px 0 #b98c06;
	-webkit-box-shadow: 0 1px 0 #b98c06;
	box-shadow: 0 1px 0 #b98c06;
	line-height: 17px;
	text-align: center;
	font-size: 0.875em;
	color: #fff;
	-webkit-transition: color 0.15s, background-color 0.15s, box-shadow 0.15s, -webkit-transform 0.15s;
	transition: color 0.2s, background-color 0.15s, box-shadow 0.15s, transform 0.15s;
}

#contents .signup_area02 .signup02_btn01 a:hover {
	background-color: #f7c80c;
	box-shadow: 0 1px 0 #ad8407, 0 0px 0px rgba(0,0,0,0.2);
}

#contents .signup_area02 .signup02_btn01 a:active {
	color: #ddd;
	background-color: #ebbe0c;
	box-shadow: 0 0 0 #a17a08, 0 0 0px rgba(0,0,0,0.2);
	-webkit-transform: translateY(1px);
	transform: translateY(1px);
	transition-duration: 0.1s;
}


#contents .signup_area02 .signup02_txt01 .popup a {
	display: inline-block;
	height: 13px;
	padding-left: 22px;
	background: url(../img/icn_popup_white.svg) no-repeat left 1px;
	line-height: 13px;
}

#contents .form_txt01 .popup a {
	display: inline-block;
	height: 13px;
	padding-left: 22px;
	background: url(../img/icn_popup_blue.svg) no-repeat left 1px;
	line-height: 13px;
}

#contents .signup_area02 .signup02_txt01 .popup a:visited,
#contents .signup_area02 .signup02_txt01 .popup a:link {
	text-decoration: none;
}

#contents .signup_area02 .signup02_txt01 .popup a:hover,
#contents .signup_area02 .signup02_txt01 .popup a:active {
	text-decoration: underline;
}

/*---------- 会員登録完了画面 ----------*/

#contents .signup_complete {
	width: 800px;
	margin: 0 auto;
}

#contents .signup_complete .signup_box_inner01 {
	display: table-cell;
	padding: 30px 160px 40px;
}

#contents .signup_complete .signup_complete_txt01 {
	text-align: center;
	margin: 55px 0;
	color: #555555;
	font-size: 1.125em;
	font-weight: bold;
}

#contents .signup_complete .signup_complete_txt02 {
	line-height: 24px;
	font-size: 0.8125em;
	color: #555555;
}

#contents .signup_complete .signup_box_inner01 .signup_box_img01 {
	text-align: center;
}

#contents .signup_complete .signup_box_inner01 .signup_box_img01 img {
	max-width: 100%;
}

#contents .signup_complete .form_area {
	background: #fff;
	margin-bottom: 50px;
}
#contents .signup_complete .form_area .btn_box {
	padding: 0;
}

#contents .signup-info--blue {
	background: #dae3f2;
}

#contents .signup-info--brown {
	background: #FEF8E0;
}

#contents .signup-info--gray {
	background: #eee;
}

#contents .signup-info_inner {
	display: flex;
	align-items: center;
	width: 750px;
	margin: 0 auto;
	padding: 30px 0;
}

#contents .signup-info_logo {
	width: 300px;
	margin-right: 30px;
}

#contents .signup-info_logo img {
	max-width: 100%;
	height: auto;
}

#contents .signup-info_bold {
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 15px;
}

#contents .signup-info_btn a {
	display: block;
	width: 310px;
	margin-bottom: 20px;
	padding: 15px 0px;
	border-radius: 2px;
	text-align: center;
	line-height: 1.25;
	font-size: 0.875em;
	box-sizing: border-box;
}

#contents .signup-info--blue .signup-info_detail {
	padding-top: 10px;
}


#contents .signup-info_btn a {
	background: #0062b4 url(/common/img/icn_arrow_white.svg) no-repeat 95% center;
	border: solid 1px #0062b4;
	-webkit-box-shadow: 0 1px 0 #004499;
	box-shadow: 0 1px 0 #004499;
	-webkit-transition: color 0.15s, background-color 0.15s, box-shadow 0.15s, -webkit-transform 0.15s;
	transition: color 0.2s, background-color 0.15s, box-shadow 0.15s, transform 0.15s;
	color: #fff;
}

#contents .signup-info--blue .signup-info_btn a:hover {
	opacity: 0.7;
}

#contents .signup-info--gray .signup-info_btn a:hover {
	background-color: #076dc3;
	box-shadow: 0 1px 0 #034ba6, 0 0px 0px rgba(0,0,0,0.2);
}

#contents .signup-info_link {
	font-size: 12px;
	color: #0062b4;
}
#contents .signup-info_link a {
	color: #0062b4;
	text-decoration: underline;
}

#contents .campaign-notice {
	text-align: center;
}

#contents .campaign-notice .signup-info_btn a {
	width: 450px;
	margin: 0 auto 20px;
  border: 1px solid #E66378;
	background: #E66378 url(../img/icn_arrow_white.svg) no-repeat 98% center;
  box-shadow: none;
}

#contents .campaign-notice .signup-info_btn a:hover {
  opacity: 0.8;
}

#contents .campaign-notice__caption {
	font-size: 13px;
}

@media only screen and (max-width: 768px) {
	#contents .signup_complete .form_area {
		margin-bottom: 10px;
	}

	#contents .signup-info_inner {
		display: block;
		width: 93.3%;
		padding: 15px 0 35px;
	}

	#contents .signup-info_logo {
		width: 71.4%;
		margin: 0 auto 15px;
	}

	#contents .signup-info_detail {
		text-align: center;
	}

	#contents .signup-info_btn a {
		background: #0062b4 url(../img/icn_arrow_white.svg) no-repeat 97% center;
		width: 100%;
		margin-bottom: 15px;
		padding: 20px 0;
	}

	#contents .signup-info_link {
		line-height: 1.8;
	}

	#contents .campaign-notice {
		width: 93.3%;
		margin: 30px auto 0;
	}

	#contents .campaign-notice .signup-info_btn a {
		width: 100%;
		line-height: 1.3;
	}
}
/*----- コンタクトページ ----------*/
#contents .contact_area {
    padding-top: 40px;
}
#contents .contact_area .link_btn_red a{
	display: block;
	width: 300px;
	border-radius: 5px;
	background-color: #e4007f;
	position: relative;
	padding: 20px 46px 20px 46px;
	font-size: 19px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	margin: 0 auto 50px;
}
@media only screen and (max-width: 768px) {
	#contents .contact_area .link_btn_red a{
		width: auto;
	}
}
#contents .contact_area .link_btn_red a::after{
	content: '';
	display: block;
	width: 16px;
	height: 16px;
	background-image: url(/assets/img/common/ico_nav_link.svg);
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	right: 19px;
	bottom: 0;
	margin: auto;
}

/*----- 利用規約 ----------*/
#contents .rule_wrap {
	height: 200px;
	margin: 0 auto;
	border: 4px solid #e0e0e0;
	overflow: auto;
}

#contents .rule_wrap iframe{
	display: block;
	width: 100%;
	height: 100%;
	border:none;
}

#contents .rule_box {
	padding: 35px 40px;
	background-color: #ffffff;
}

#contents .rule_txt01 {
	color: #555555;
	font-size: 0.9375em;
	font-weight: bold;
}

#contents .rule_txt02 {
	line-height: 24px;
	font-size: 0.8125em;
	color: #555555;
}


/*----- アカウントページ ----------*/
#contents .account_area {
	position: relative;
	width: 980px;
	margin: 0 auto;
	/* background: url(../img/bg_account.gif) repeat-y right top; */
	background-size: 75.3%;
}

#contents .account_area .account_tab {
	display: block;
	position: absolute;
	left:0;
	width: 25.7%;
	height: 47px;
	padding-top: 28px;
	text-align: center;
	color: #555555;
	font-size: 0.94em;
	font-weight: bold;
	border-bottom: solid 1px #dddddd;
	cursor: pointer;
}

#contents .account_area .tab_act {
	background: #e0e0e0;
	color: #0062bd;
}

/*
#contents .account_area #tab01 {
	top: 0;
	border-top: solid 1px #dddddd;
}
#contents .account_area #tab02 {
	top: 75px;
}
#contents .account_area #tab03 {
	top: 150px;
}
#contents .account_area #tab04 {
	top: 225px;
}
#contents .account_area #tab05 {
	top: 300px;
}
#contents .account_area #tab06 {
	top: 375px;
}
*/
#contents .account_box:nth-child(1) .account_tab{
	top: 0;
	border-top: solid 1px #dddddd;
}
#contents .account_box:nth-child(2) .account_tab{
	top: 75px;
}
#contents .account_box:nth-child(3) .account_tab{
	top: 150px;
}
#contents .account_box:nth-child(4) .account_tab{
	top: 225px;
}
#contents .account_box:nth-child(5) .account_tab{
	top: 300px;
}
#contents .account_box:nth-child(6) .account_tab{
	top: 375px;
}
#contents .account_box:nth-child(7) .account_tab{
	top: 450px;
}
#contents .account_box:nth-child(8) .account_tab{
	top: 525px;
}


#contents .form_area[data-mypage="profile"] .form_box[data-profile="building"] .jqTransformSelectWrapper{
	width: auto !important;
}
#contents .form_area[data-mypage="profile"] .form_box[data-profile="building"] .jqTransformSelectWrapper div{
	padding: 0 20px 0 0;
}

#contents .form_area[data-mypage="entry"] .jqTransformSelectWrapper{
	width:155px !important;
}



#contents .account_area .account_tab .img_arrow {
	display: none;
	position: absolute;
	right: -16px;
	top: 23px;
	width: 16px;
	height: 25px;
	z-index: 1;
}

#contents .account_area .tab_act .img_arrow {
	display: block;
}

#contents .account_area .form_area {
	float: right;
	width: 74.3%;
	padding: 40px;
	display: none;
	opacity: 0;
	min-height: 400px;
}
#contents .account_area .form_area.is-show {
	display: block;
	animation-name: show;
	animation-duration: 0.3s;
	animation-delay: 0.01s;
	animation-timing-function: ease-out;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-play-state: running;
	min-height: 601px;
}
@keyframes show{
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}

#contents .account_area .form_area .form_inner {
	width: auto;
}

#contents .account_area .form_area .account_box_inner01 {
	display: table-cell;
	height: 150px;
	padding: 38px 20px;
	border-bottom: #aaa 1px dotted;
	vertical-align: middle;
}

#contents .account_area .form_area .account_number {
	color: #555555;
	font-size: 1.25em;
}

#contents .account_area .form_area .form_input_wrap .form_input {
	float: left;
	width: 50%;
	margin-bottom: 20px;
}

#contents .account_area .form_area .form_input_wrap .left_input {
	padding-right: 10px;
}
#contents .account_area .form_area .form_input_wrap .right_input {
	position: relative;
	padding-left: 10px;
}

#contents .account_area .form_area .form_input_wrap .form_input span {
	width: 32px;
	padding-right: 0;
}

#contents .account_area .form_area .form_input_wrap .form_input input {
	width: 263px;
}

#contents .account_area .form_area .checkbox_list li {
	width: 50%;
}

#contents .account_area .form_area .btn_box {
	padding: 40px 0 0;
}

#contents .account_area .form_area .withdraw_txt01 {
	text-align: center;
	color: #555555;
	font-size: 0.9375em;
	font-weight: bold;
}

#contents .account_area .form_area .withdraw_txt02 {
	text-align: center;
	color: #e8390e;
	font-size: 1.25em;
	font-weight: bold;
}

#contents .account_area .form_area .withdraw_txt03 {
	text-align: center;
	color: #555555;
	font-size: 0.9375em;
}

#contents .account_area .form_area .withdraw_txt04 {
	text-align: center;
	color: #555555;
	font-size: 0.8054em;
}

#contents .account_area .form_area .withdraw_txt04 a {
	display: inline-block;
	padding-left: 30px;
	background: url(../img/icn_remove.svg) no-repeat left center;
	line-height: 14px;
}


#contents .account_area .form_area .withdraw_txt04 a:visited,
#contents .account_area .form_area .withdraw_txt04 a:link {
	color: #0062b4;
	text-decoration: none;
}

#contents .account_area .form_area .withdraw_txt04 a:hover,
#contents .account_area .form_area .withdraw_txt04 a:active {
	color: #0062b4;
	text-decoration: underline;
}

#contents .account_area .form_area .service_txt01 {
	text-align: center;
	font-weight: bold;
	margin:30px auto;
}

#contents .account_area .form_area .withdraw_btn_wrap, #contents .account_area .form_area .release_msp_connection_btn_wrap,#contents .account_area .form_area .service_btn_wrap, #contents .form_area .tenant_btn_wrap {
	position: relative;
	height: 45px;
}

#contents .form_area .tenant_btn_wrap div {
	margin: 20px auto 0;
	position: absolute;
}

@media only screen and (max-width: 768px) {
	#contents .form_area .tenant_btn_wrap {
		margin: 0 auto;
		height: 200px;
	}
	#contents .form_area .tenant_btn_wrap div {
		position: static;
	}
}
#contents .account_area .form_area .withdraw_btn_wrap .withdraw_btn, #contents .account_area .form_area .release_msp_connection_btn_wrap .release_msp_connection_btn, #contents .account_area .form_area .service_btn_wrap .service_btn {
	position: absolute;
	width: 245px;
	/*height: 45px;*/
	padding: 15px 0px;
	box-sizing: border-box;
	border-radius: 2px;
	border: solid 1px #0062b4;
	background: #fff url(../img/icn_arrow_blue.svg) no-repeat 210px center;
	text-align: center;
	line-height: 23px;
	color: #0062b4;
	font-size: 0.875em;
	cursor: pointer;
	-webkit-transition: color 0.15s, background-color 0.15s, -webkit-transform 0.15s;
	transition: color 0.2s, background-color 0.15s, transform 0.15s;
}

#contents .account_area .form_area .release_msp_connection_btn_wrap #release-msp-connection-button {
	width: 230px;
}

#contents .account_area .form_area .withdraw_btn_wrap .withdraw_btn, #contents .account_area .form_area .release_msp_connection_btn_wrap .disabled_release_msp_connection_btn{
	position: absolute;
	width: 245px;
	/*height: 45px;*/
	padding: 15px 0px;
	box-sizing: border-box;
	border-radius: 2px;
	border: solid 1px #aaa;
	background: rgb(189, 189, 189) url(../img/icn_arrow_white.svg) no-repeat 210px center;
	text-align: center;
	line-height: 23px;
	color: #eee;
	font-size: 0.875em;
	cursor: pointer;
	-webkit-transition: color 0.15s, background-color 0.15s, -webkit-transform 0.15s;
	transition: color 0.2s, background-color 0.15s, transform 0.15s;
}

#contents .account_area .form_area .withdraw_btn_wrap  .withdraw_btn:hover , #contents .account_area .form_area .release_msp_connection_btn_wrap .release_msp_connection_btn:hover, #contents .account_area .form_area .service_btn_wrap .service_btn:hover {
	opacity: 0.9;
}

#contents .account_area .form_area .withdraw_btn_wrap .withdraw_btn:active, #contents .account_area .form_area .release_msp_connection_btn_wrap .release_msp_connection_btn:active, #contents .account_area .form_area .service_btn_wrap .service_btn:active{
	opacity: 0.9;
	-webkit-transform: translateY(1px);
	transform: translateY(1px);
	transition-duration: 0.1s;
}

#contents .account_area .form_area .withdraw_btn_wrap .left_btn, #contents .account_area .form_area .release_msp_connection_btn_wrap .left_btn, #contents .form_area .tenant_btn_wrap .left_btn {
	top: 0;
	right: 50%;
	margin-right: 10px;
}
#contents .account_area .form_area .withdraw_btn_wrap .right_btn, #contents .account_area .form_area .release_msp_connection_btn_wrap .right_btn, #contents .form_area .tenant_btn_wrap .right_btn {
	top: 0;
	left: 50%;
	margin-left: 10px;
}
#contents .account_area .entry-history-title{
	float:left;
	max-width:250px;
}
.form_select_box{
	padding: 38px 0;
}

#contents .account_area .sort_select{
	float:right;
	max-width:400px;
	margin: -10px 0 0 0;
	font-weight:bold;
}

#contents .account_area .entry-history-text{
	font-size:15px;
	color:#555555;
}
#contents .account_area .not-applicable {
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    color: #cccccc;
	padding: 95px 0;
	display: none;
}
#contents .account_area .not-applicable.is-show {
	display: block;
}

#contents .account_area .entry-history-box {
    border: 5px solid #e0e0e0;
    background-color: #fff;
	margin:10px 0 0 0;
	padding:15px 10px;
	display:table;
	width:100%;
	display: none;
}
#contents .account_area .entry-history-box.is-show {
	display: block;
}


#contents .account_area .entry-history-box .histry-icon-box {
    width: 25px;
	display:table-cell;
	vertical-align:middle;
}

#contents .account_area .entry-history-box .seminar{
	width:55%;
	margin: 0 auto;
}
#contents .account_area .entry-history-box .histry-icon img{
	width:100%;
}
#contents .account_area .entry-history-box .name{
	width:277px;
	font-weight:bold;
	display:table-cell;
	vertical-align:middle;
	padding:0 15px;
}

#contents .account_area .entry-history-box .name span{
	font-size:12px;
	color:#aaaaaa;
	display: inline-block;
    margin: 0 0 2px 0;
}

#contents .account_area .entry-history-box .detail{
	font-size:13px;
	border-left:1px dotted #ccc;
	border-right:1px dotted #ccc;
	display:table-cell;
	vertical-align:middle;
	padding:0 0 0 15px;
	width:195px;
}

#contents .account_area .entry-history-box .detail .first-line{
	padding:0 0 5px 0;
}
#contents .account_area .entry-history-box .detail .first-line dl{
	padding:0 0 5px 0;
}

#contents .account_area .entry-history-box .detail span ,
.entry-history-box .detail dt{
	font-size:11px;
	color:#aaaaaa;
	text-align:right;
	display:inline-block;
	width:70px;
	padding:0 5px 0 0;
	text-align:left;

}

#contents .account_area .entry-history-box .detail .location{
	width:50px;
}
#contents .account_area .entry-history-box .detail dt{
	float:left;
	width:50px;
}

#contents .account_area .entry-history-box .detail dd{
	float:left;
	width:120px;
	font-size: 12px;
}

#contents .account_area .entry-history-box .state{
	font-size:11px;
	color:#666666;
	text-align:center;
	padding:10px 0 10px 15px;
	line-height:1.6;
	display:table-cell;
	vertical-align:middle;
	width:125px;
	padding:0 0 0 10px;
}
#contents .account_area .entry-history-box .state span{
	display:inline-block;
	text-align:center;
	font-size:13px;
	font-weight:bold;
	color:#e4007f;
}


#contents .account_area .entry-history-box .state span img{
	margin:0 5px 0 0;
}

#contents .account_area .entry-history-box .state .impressions,
#contents .account_area .entry-history-box .state .impressions input{
	width:120px !important;
	background-position:95px center !important;;
	padding: 0 !important;
}

#contents .account_area .entry-history-box .state .impressions input{
	padding: 9px 0 !important;
}
#contents .account_area .end{
	color:#999999;
	font-weight:bold;
	font-size:13px;
	margin:0 0 3px 0;
}
#contents .account_area .pager-box{
	text-align:center;
}
#contents .account_area .page-send{
	margin:30px 0 0;
	display:inline-block;
	width:auto;
}

#contents .account_area .page-send li{
	float:left;
	margin:0 0 0 10px;
}

#contents .account_area .page-send li:first-child{
	margin:0 ;
}
#contents .account_area .page-send li a{
	padding: 5px 2px;
    font-size: 13px;
	display:block;
	border-radius: 2px;
}
#contents .account_area .page-send li a.no{
	border:1px solid #bdbdbd;
	color:#1166ae;
    padding: 2px;
}

#contents .account_area .page-send li a.no-o{
	background:#00559c;
	border:1px solid #00559c;
	padding: 2px;
	color:#fff;
}
#contents .account_area .radio_list01{
	position: relative;
	padding-left: 23px;
}
#contents .account_area .radio_list01 input.radio-circle{
	opacity: 0;
	margin: 0;
	position: absolute;
}
#contents .account_area .radio_list01 label.radio-label{
	margin-left: 3px;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
}
#contents .account_area .radio_list01 label.radio-label::before{
	position: absolute;
	content: '';
	display: block;
	width: 16px;
	height: 16px;
	background: #fff;
	border: 2px solid #0062B3;
	left: 0;
	top: 0;
	border-radius: 50%;
}
#contents .account_area .radio_list01 label.radio-label::after{
	position: absolute;
	content: '';
	display: block;
	width: 14px;
	height: 14px;
	background-color: #006FDE;
	border-radius: 50%;
	left: 3px;
	top: 3px;
	opacity: 0;
}
#contents .account_area .radio_list01 input.radio-circle:checked+label.radio-label::after {
  opacity: 1;
}
#contents .account_area .layout_flex{
	display: flex;
	gap: 8%;
}
#contents .account_area .radio_list01.disable{
	pointer-events: none;
}
#contents .account_area .radio_list01.disable label.radio-label{
	color: #B4B4B4;
}
#contents .account_area .radio_list01.disable label.radio-label::before{
	border-color: #B4B4B4;
}
#contents .account_area .radio_list01.disable label.radio-label::after{
	background-color: #B4B4B4;
}
#contents .account_area .building_select_box{
	display: flex;
	align-items: center;
}
#contents .account_area .building_select_box .none-building{
	font-size: 14px;
	color: #E9472B;
	margin-left: 10px;
	display: none;
}
#contents .account_area .form_checkbox_wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 14px 2%;
}
#contents .account_area .form_checkbox_wrap .form_checkbox_item{
	width: 30%;
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
	gap: 5px;
	align-items: center;
	font-size: 14px;
}
@media only screen and (max-width: 768px) {
	#contents .account_area .building_select_box{
		display: block;
	}
	#contents .account_area .building_select_box .none-building{
		margin-left: 0;
		margin-top: 5px;
	}
	#contents .account_area .form_checkbox_wrap{
		gap: 30px 2%;
	}
	#contents .account_area .form_checkbox_wrap .form_checkbox_item{
		width: 49%;
	}
}
#contents .account_area .building_select_box .form_select-user_building_id.disable .jqTransformSelectWrapper{
	color: #B4B4B4;
	pointer-events: none;
}
#contents .account_area .form_area .submit_btn input.inactive{
	background-color: #CBD2DA;
	border-color: #CBD2DA;
	box-shadow: 0 1px 0 #CBD2DA;
	pointer-events: none;
}

#contents .account_setup02 {
	max-width: 800px;
	margin: 30px auto 0;

}
#contents .account_setup03 {
	max-width: 500px;
	margin: 30px auto 0;
}

#contents .account_setup02 .signup01_txt01,
#contents .account_setup03 .signup01_txt01{
	color: #555555;
	font-size: 0.9375em;
	font-weight: bold;
}

#contents .account_setup02 .signup01_txt02,
#contents .account_setup03 .signup01_txt02 {
	line-height: 24px;
	font-size: 0.8125em;
	color: #555555;
}

#contents .account_setup02 .signup01_txt03,
#contents .account_setup03 .signup01_txt03 {
	padding-left: 1em;
	line-height: 24px;
	text-indent: -1em;
	font-size: 0.75em;
	color: #555555;
}

#contents .account_setup02 .signup01_txt04,
#contents .account_setup03 .signup01_txt04 {
	text-align: center;
	font-size: 0.9375em;
	color: #555555;
}

#contents .account_setup02 .flow_arrow,
#contents .account_setup03 .flow_arrow {
	display: table;
	width: 100%;
}

#contents .account_setup02 .flow_arrow li {
	display: table-cell;
	width: 25%;
	height: 66px;
	padding-right: 6px;
	box-sizing: border-box;
	background: #e0e0e0 url(../img/parts_step_arrow.svg) no-repeat right top;
	text-align: center;
	line-height: 25px;
	color: #ffffff;
	font-size: 0.8125em;
	vertical-align:middle;
}
#contents .account_setup03 .flow_arrow li {
	display: table-cell;
	width: 50%;
	height: 66px;
	padding-right: 6px;
	box-sizing: border-box;
	background: #e0e0e0 url(../img/parts_step_arrow.svg) no-repeat right top;
	text-align: center;
	line-height: 25px;
	color: #ffffff;
	font-size: 0.8125em;
	vertical-align:middle;
}

#contents .account_setup02 .flow_arrow li.flow_color01,
#contents .account_setup03 .flow_arrow li.flow_color01 {
	background: #0062b4 url(../img/parts_step_arrow.svg) no-repeat right top;
}
#contents .account_setup02 .flow_arrow li.flow_color02,
#contents .account_setup03 .flow_arrow li.flow_color02 {
	background: #7fb0d9 url(../img/parts_step_arrow.svg) no-repeat right top;
}

#contents .account_setup02 .flow_arrow li .flow_number,
#contents .account_setup03 .flow_arrow li .flow_number {
	display: inline-block;
	height: 25px;
	margin-right: 14px;
	vertical-align: middle;
	font-size: 25px;
	font-weight: bold;
}

#contents .account_setup02 .bg_box01,
#contents .account_setup02 .bg_box01 {
	padding: 40px 20px;
	background: #f8f8f8;
}


.form_company {
	position: relative;
}
.suggest-ui {
	position: absolute;
	width: 98.6%;
	height: 200px; /* 高さ指定する場合は調整 */
	top: -28px;
	left: 0;
	list-style: none;
	background-color: #FFF;
	border: 4px solid #e0e0e0;
	border-top: none;
	margin: 0px;
	padding: 0px;
	display: none;
	overflow: auto;
	overflow-y: scroll !important;
	z-index: 3000;
}
.suggest-list > a {
	display: block;
	padding: 11px 15px;
	text-decoration: none;
	color: #555;
	background-color: #fff;
}
.suggest-list > a:hover {
	background: #eee;
}
#building_pulldown_list {
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	display: inline-block;
	width: 400px;
	padding: 11px 15px;
	font-size: 0.8125em;
	color: #555555;
	background: #fff;
	border: 4px solid #e0e0e0;
	border-radius: 0;
}
.questionnaire .date-box{
	padding: 10px 0 0 0;
}
.questionnaire .date-box li{
	float: left;
	max-width:500px;
}
.questionnaire .date-box li:first-child{
	margin: 0 10px 0 0;
}
.questionnaire .radio-text{
	text-indent: 1em;
}
.questionnaire .btn_box input{
	cursor: pointer;
}
.questionnaire .contest-text{
	max-width:800px;
	word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-all;
}

/* 調整用 */
#contents .color_red {
	color: #e8390e !important;
}
#contents .color_blue {
	color: #0062b4 !important;
}

#contents .border_top {
	border-top: #dddddd 1px solid;
}
#contents .border_bottom {
	border-bottom: #aaa 1px dotted;
}

#contents .mb0 {
	margin-bottom: 0 !important;
}
#contents .mb05 {
	margin-bottom: 5px !important;
}
#contents .mb10 {
	margin-bottom: 10px !important;
}
#contents .mb15 {
	margin-bottom: 15px !important;
}
#contents .mb20 {
	margin-bottom: 20px !important;
}
#contents .mb25 {
	margin-bottom: 25px !important;
}
#contents .mb30 {
	margin-bottom: 30px !important;
}
#contents .mb35 {
	margin-bottom: 35px !important;
}
#contents .mb40 {
	margin-bottom: 40px !important;
}
#contents .mb45 {
	margin-bottom: 45px !important;
}
#contents .mb50 {
	margin-bottom: 50px !important;
}
#contents .mb55 {
	margin-bottom: 55px !important;
}
#contents .mb60 {
	margin-bottom: 60px !important;
}
#contents .mt05 {
  margin-top: 5px !important;
}

#contents .hauto {
	height: auto !important;
}

#contents .sp_br {
	display: none;
}

@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/NotoSansCJKjp-Regular.eot');
    src: url('fonts/NotoSansCJKjp-Regular.eot?#iefix') format('embedded-opentype'),
    url('fonts/NotoSansCJKjp-Regular.woff') format('woff'),
    url('fonts/NotoSansCJKjp-Regular.ttf')  format('truetype');
}
@font-face {
    font-family: 'Noto Sans Japanese bold';
    font-style: normal;
    font-weight: bold;
    src: url('fonts/NotoSansCJKjp-Bold.eot');
    src: url('fonts/NotoSansCJKjp-Bold.eot?#iefix') format('embedded-opentype'),
    url('fonts/NotoSansCJKjp-Bold.woff') format('woff'),
    url('fonts/NotoSansCJKjp-Bold.ttf')  format('truetype');
}
.bg-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	display: none;
	background: rgba(0, 0, 0, 0.83);
}
.modal-overlay {
	position: fixed;
	top: 50%;
	left: 50%;
	background: #fff;
	margin: -173px 0 0 -320px;
	width: 560px;
	padding: 40px;
	opacity: 0;
	display: none;
}
.login-close {
	position: absolute;
	top: -40px;
	right: 0;
	color: #fff;
}
.login-close img {
	margin-right: 10px;
}
.login-close.simple-header-login-close img {
	box-sizing: content-box;
}
.ttl_companyId {
	margin-bottom: 30px;
	font-size: 20px;
	font-family: 'Noto Sans Japanese bold';
}
.txt-outline {
	margin-bottom: 30px;
	font-size: 14px;
	line-height: 1.5;
}
.bt {
	padding-top: 30px;
	border-top: 1px solid #ddd;
}
.link-01 {
	position: relative;
	background: url(../img/icn_arrow_blue.svg) no-repeat 100% 50%;
	padding-right: 17px;
	font-size: 13px;
	color: #0062b4;
}
.link-01:active,
.link-01:visited,
.link-01:hover {
	color: #0062b4;
}

.link-01 .a_ul {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 1px;
	background: #0062b4;
}


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

	/*----- コンテンツ部分 ----------*/

	#contents .pagettl_area {
		padding-right: 20px;
		padding-left: 20px;
	}
	#contents .pagettl_area {
		padding-right: 20px;
		padding-left: 20px;
	}

	/* フォーム部分 */
	#contents .form_area .form_inner {
		width: auto;
		max-width: 840px;
	}

	#contents .form_area .txt_wrap01 {
		margin: 0;
	}

	#contents .form_area .form_birth .form_select {
		margin-bottom: 20px;
	}

	#contents .form_area .form_company .form_select {
		margin-bottom: 20px;
	}

	#contents .form_area .checkbox_list{
		padding: 0;
	}

	#contents .form_area .checkbox_list li {
		float: none;
		width: auto;
		height: 48px;
		margin-bottom: 0;
		box-sizing: border-box;
		border-bottom: solid 1px #e0e0e0;
	}

	#contents .form_area .checkbox_list li .label_inner {
		width: 100%;
		padding: 15px 20px;
	}
	#building_pulldown_list{
		width:100%;
	}

	/* 完了画面 */
	#contents .complete_area {
		width: auto;
		padding-right: 20px;
		padding-left: 20px;
	}

	#contents .complete_contact {
		padding-left: 30%;
	}
	#contents .complete_withdraw {
		padding-left: 35%;
	}
	#contents .complete_resetting {
		padding-left: 10%;
	}


	/*----- サインアップページ ----------*/
	#contents .signup_area01 {
		width: auto;
		max-width: 840px;
		padding: 0 20px;
	}

	#contents .signup_area02 {
		padding: 30px 20px;
	}

	#contents .signup_area02 .signup02_inner {
		width: 100%;
	}

	#contents .signup_complete {
		width: 93.3%;
	}

	#contents .signup_complete .signup_box_inner01 {
		padding: 60px 18.75%;
	}

	/*----- 利用規約 ----------*/
	#contents .rule_box {
		width: 100%;
		padding: 4.17%;
		box-sizing:border-box;
	}


	/*----- アカウントページ ----------*/
	#contents .account_wrap {
		padding:0 20px;
		margin-top: 25px;
	}
	#contents .account_area {
		width: 100%;
	}

	#contents .account_area .form_area {
		padding: 4.166667% 3.125%;
	}

	#contents .account_area .form_area .form_inner {
		padding: 0;
	}

	#contents .account_area .form_area .account_box_inner01 {
		padding: 38px 0;
	}

	#contents .account_area .form_area .form_input_wrap .form_input {
		float: none;
		padding: 0 ;
	}

	#contents .account_area .form_area .form_input_wrap .form_input span {
		display: block;
		padding-bottom: 5px;
	}

	#contents .account_area .form_area .checkbox_list li {
		width: 100%;
	}

	#contents .account_area .form_area .withdraw_btn_wrap .withdraw_btn,	#contents .account_area .form_area .release_msp_connection_btn_wrap .release_msp_connection_btn, #contents .account_area .form_area .service_btn_wrap .service_btn {
		width: 36.95%;
		background: #fff url(../img/icn_arrow_blue.svg) no-repeat 97% center;
	}
	#contents .account_setup02,
	#contents .account_setup03 {
		padding: 30px 20px;
	}

	#contents .account_setup02 .signup02_inner {
		width: 100%;
	}

}
@media only screen and (max-width: 1000px) {

	/*----- アカウントページ ----------*/
	#contents .account_wrap {
		padding:0 20px;
	}
	#contents .account_area {
		width: 100%;
	}

	#contents .account_area .form_area {
		padding: 4.166667% 3.125%;
	}

	#contents .account_area .form_area .form_inner {
		padding: 0;
	}

	#contents .account_area .form_area .account_box_inner01 {
		padding: 38px 0;
	}

	#contents .account_area .form_area .form_input_wrap .form_input {
		float: none;
		padding: 0 ;
	}

	#contents .account_area .form_area .form_input_wrap .form_input span {
		display: block;
		padding-bottom: 5px;
	}

	#contents .account_area .form_area .checkbox_list li {
		width: 100%;
	}

	#contents .account_area .form_area .withdraw_btn_wrap .withdraw_btn, 	#contents .account_area .form_area .release_msp_connection_btn_wrap .release_msp_connection_btn{
		width: 36.95%;
		background: #fff url(../img/icn_arrow_blue.svg) no-repeat 97% center;
	}

	#contents .account_area .form_area .withdraw_btn_wrap .withdraw_btn {
		background: rgb(189, 189, 189) url(../img/icn_arrow_white.svg) no-repeat 97% center;
	}

	#contents .account_area .entry-history-box {
		display:block;
		line-height: 1.6;
	}
	#contents .account_area .entry-history-box .histry-icon-box {
		display:block;
		float:left;
		width:10%;
		padding:45px 0 0 0;
		margin: 0 0 0 5px;
	}
	#contents .account_area .entry-history-box .name{
		width:85%;
		float:right;
		border-bottom: 1px dotted #d9d9d9;
		display:block;
		font-size: 15px;
		padding: 0 0 10px 0;
	}
	#contents .account_area .entry-history-box .name span{
		font-size: 12px;
	}

	#contents .account_area .entry-history-box .detail{
		width:85%;
		float:right;
		border:none;
		padding:10px 0;
		border-bottom:1px dotted #d9d9d9;
	}
	#contents .account_area .entry-history-box .detail .first-line{
		border-bottom:1px dotted #d9d9d9;
	    font-size: 14px;
	}
	#contents .account_area .entry-history-box .detail .second-line{
		margin:10px 0 0;
		font-size: 14px;
	}
	#contents .account_area .entry-history-box .detail span,
	.entry-history-box .detail dt{
		font-size:12px;
		width:100px;
	}
	#contents .account_area .entry-history-box .detail span{
		display:block;
	}
	#contents .account_area .entry-history-box .detail dt {
		float:none;
	}
	#contents .account_area .entry-history-box .detail dd{
		font-size:14px;;
		float:none;
	}
	#contents .account_area .entry-history-box .state{
		width:85%;
		float:right;
		text-align:left;
		padding:10px 0 0 0;
	}
	#contents .account_area .entry-history-box .state span{
		font-size:14px;
	}
	#contents .account_area .entry-history-box .state span img{
		width:15%;

	}
	#contents .account_area .entry-history-box .state .impressions{
		margin:0;
	}
	#contents .account_area .page-send{
	width:100%;
	margin:30px auto 0;
	}
	#contents .account_area .page-send li{
		margin:0 0 0 6%;
		width:7.25%
	}
	#contents .account_area .page-send li a.no{
		padding:4px 0;
		text-align:center;
	}
	#contents .account_area .page-send li a.no-o{
		padding:4px 0;
		text-align:center;
	}
}




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

	/*----- コンテンツ部分 ----------*/

	/* フォーム部分 */
	#contents .form_area .form_input {
		margin-bottom: 16px;
	}

	#contents .form_area .form_input input {
		width: 100%;
    	box-sizing: border-box;
	}

	#contents .form_area .form_input span {
		display: block;
		padding: 0;
		margin-bottom: 5px;
	}

	#contents .form_area .form_birth .form_select {
		float: none;
		position: relative;
		padding-right: 21px;
	}

	#contents .form_area .form_birth .birth_txt01 {
		position: absolute;
		right: 0;
		top: 11px;
		padding-right: 0;
	}

	#contents .form_area .form_company .form_select {
		float: none;
		margin-right: 0;
	}

	#contents .form_area .btn_box_inner {
		height: auto;
	}

	#contents .form_area .back_btn {
		position: static;
		width: auto;
	}

	#contents .form_area .btn_box_inner .back_btn {
		position: static;
		width: auto;
		margin: 0;
	}

	#contents .form_area .back_btn input {
		width: 100%;
		/*height: 57px;*/
		padding: 18px 0;
		background: #fff url(../img/icn_arrow_return_blue.svg) no-repeat 3% center;
	}

	#contents .form_area .submit_btn{
		position: static;
		width: auto;
	}

	#contents .account_area .form_area .release_msp_connection_btn_wrap #release-msp-connection-button {
		position: static;
		width: auto;
	}

	#contents .form_area .btn_box_inner .submit_btn  {
		position: static;
		width: auto;
		margin: 0 0 20px;
	}

	#contents .form_area .submit_btn input {
		width: 100%;
		/*height: 57px;*/
		padding: 18px 0;
		background: #0062b4 url(../img/icn_arrow_white.svg) no-repeat 97% center;
	}

	#contents .form_area .release_msp_connection_btn_wrap .disabled_btn input, #contents .account_area .form_area .release_msp_connection_btn_wrap .disabled_release_msp_connection_btn {
		width: 100%;
		padding: 18px 0;
		background: #BDBDBD url(../img/icn_arrow_white.svg) no-repeat 97% center;
	}

	#contents .form_area .submit_withdraw {
		position: static;
		width: auto;
		margin: 0 0 20px;
	}

	#contents .form_area .submit_withdraw input {
		/*height: 57px;*/
		background: url(../img/icn_remove.svg) no-repeat left center;
	}

	#contents .form_area .submit_signup {
		width: auto;
	}

	#contents .form_area .submit_signup input{
		width: 100%;
		padding: 20px 0px;
		background: #0062b4 url(../img/icn_arrow_white.svg) no-repeat 97% center;
	}

	#contents .form_area .btn_box_inner,
	#contents .account_setup .btn_box_inner{
		width:100%;
		height: auto;
	}

	.form_select_box{
		padding:0 0 19px 0;
	}

	#contents .account_area .sort_select {
		float: none;
		max-width: 500px;
		width:100%;
		margin: 0;
	}

	#contents .account_area .entry-history-text{
		line-height:1.8;
		font-size: 75%;
	}
	#contents .account_area .entry-history-box {
		display:block;
		line-height: 1.6;
	}

	#contents .account_area .entry-history-box .histry-icon-box {
		display:block;
		float:left;
		width:10%;
		padding:45px 0 0 0;
		margin: 0;
	}

	#contents .account_area .entry-history-box .name{
		width:85%;
		float:right;
		border-bottom: 1px dotted #d9d9d9;
		display:block;
		font-size: 68.75%;
		padding: 0 0 10px 0;
	}

	#contents .account_area .entry-history-box .name span{
		font-size: 52.5%;
	}

	#contents .account_area .entry-history-box .detail{
		width:85%;
		float:right;
		border:none;
		padding:10px 0;
		border-bottom:1px dotted #d9d9d9;
	}

	#contents .account_area .entry-history-box .detail .first-line{
		border-bottom:1px dotted #d9d9d9;
		font-size: 68.75%;
	}

	#contents .account_area .entry-history-box .detail .second-line{
		margin:10px 0 0;
	}

	#contents .account_area .entry-history-box .detail span,
	.entry-history-box .detail dt{
	font-size:52.5%;
	}



	#contents .account_area .entry-history-box .detail span{
		display:block;
	}

	#contents .account_area .entry-history-box .detail dd{
		font-size:68.75%;
	}

	#contents .account_area .entry-history-box .state{
		width:85%;
		float:right;
		text-align:left;
		padding:10px 0 0 0;
	}

	#contents .account_area .entry-history-box .state span{
		font-size:62.5%;
	}

	#contents .account_area .entry-history-box .state span img{
		width:15%;
	}

	#contents .account_area .entry-history-box .state .impressions{
		margin:0;
	}

	#contents .account_area .page-send{
	width:100%;
	margin:30px auto 0;
	}

	#contents .account_area .page-send li{
		margin:0 0 0 6%;
		width:7.25%
	}

	#contents .account_area .page-send li a.no{
		padding:4px 0;
		text-align:center;
	}

	#contents .account_area .page-send li a.no-o{
		padding:4px 0;
		text-align:center;
	}
	#contents .pager-box-sp{
		position: relative;
		font-size: 68.75%;
	}
	#contents .pager-box-sp .prev,
	#contents .pager-box-sp .next{
		position: absolute;
		top: 0;
		width: 30.9%;
	}
	#contents .pager-box-sp .prev a,
	#contents .pager-box-sp .next a{
		width: 100%;
		text-align: center;
		border: 3px solid #cccccc;
		border-radius: 3px;
		display: block;
		color: #0062b4;
	}
	#contents .pager-box-sp .prev{
		left: 0;
	}
	#contents .pager-box-sp .prev a{
		padding: 14% 0% 14% 20%;
		background:url(/common/img/page_prev.png) no-repeat 12% 47.5%;
	}
	#contents .pager-box-sp .next{
		right: 0;
	}
	#contents .pager-box-sp .next a{
		padding: 14% 20% 14% 0%;
		background:url(/common/img/page_next.png) no-repeat 88% 47.5%;
	}
	#contents .pager-box-sp .current{
		text-align: center;
		padding: 5% 0;
		margin: 8% 0 0 0;
	}
	#contents .form_top_text {
		padding: 0 20px;
	}


	/* 完了画面 */
	#contents .complete_area {
		padding-left: 20px;
	}

	/*----- サインアップページ ----------*/
	#contents .signup_area01 .flow_arrow li {
		display: block;
		box-sizing: border-box;
		vertical-align: baseline;
		line-height: 12px;
		font-size: 0.625em;
	}

	#contents .signup_area01 .flow_arrow li .flow_number {
		display: block;
		margin: 5px 0 1px;
		line-height: 24px;
	}

	#contents .signup_area02 .signup02_inner {
		width: 100%;
		padding: 40px 10px;
	}

	#contents .signup_area02 .signup02_btn01 {
		width: 100%;
	}

	#contents .signup_area02 .signup02_btn01 a {
		/*height: 57px;*/
		padding: 10px 0;
		background: #f0c20b url(../img/icn_arrow_white.svg) no-repeat 97% center;
		font-size: 0.8125em;
	}

	#contents .signup_complete .signup_box_inner01 {
		padding: 30px 5% 40px;
	}

	#contents .signup_complete .signup_complete_txt01 {
		margin: 40px 0;
	}
	@media only screen and (max-width: 768px) {
		#contents .signup_complete .signup_complete_txt01 {
			margin: 25px 0;
			font-size: 1em;
		}
	}

	/*----- 利用規約 ----------*/
	#contents .rule_wrap {
		width: 100%;
		overflow: auto;
		-webkit-overflow-scrolling:touch;
		display: inline-block;
	}

	/*----- アカウントページ ----------*/
	#contents .account_area {
		background: none;
	}

	#contents .account_area .account_tab {
		position: static;
		width: 100%;
		height: 47px;
		padding-top: 28px;
		text-align: center;
		color: #555555;
		font-size: 0.94em;
		font-weight: bold;
		border-bottom: solid 1px #dddddd;
	}

	#contents .account_area .tab_act {
		background: #e0e0e0;
		color: #0062bd;
	}

	#contents .account_area .tab_act .img_arrow {
		display: none;
	}

	#contents .account_area .form_area {
		float: none;
		width: 100%;
		padding: 20px 20px 40px;
	}

	#contents .account_area .form_area .form_input_wrap .form_input {
		width: 100%;
	}

	#contents .account_area .form_area .form_input_wrap .form_input input {
		width: 100%;
	}

	#contents .account_area .form_area .withdraw_txt03 {
		margin: 0 auto;
	}

	#contents .account_area .form_area .withdraw_btn_wrap, 	#contents .account_area .form_area .release_msp_connection_btn_wrap {
		height: auto;
	}

	#contents .account_area .form_area .withdraw_btn_wrap .withdraw_btn,	#contents .account_area .form_area .release_msp_connection_btn_wrap .release_msp_connection_btn {
		position: static;
		width: 100%;
		height: 66px;
		padding: 21px 15px;
	}

	#contents .account_area .form_area .withdraw_btn_wrap .left_btn, #contents .account_area .form_area .release_msp_connection_btn_wrap .left_btn, #contents .form_area .tenant_btn_wrap .left_btn {
		margin: 0 0 20px;
	}
	#contents .account_area .form_area .withdraw_btn_wrap .right_btn, #contents .account_area .form_area .release_msp_connection_btn_wrap .right_btn, #contents .form_area .tenant_btn_wrap .right_btn {
		margin: 0;
	}

	#contents .sp_br {
		display: block;
	}

	.modal-overlay {
		left: 5%;
		margin-left: 0;
		width: 90%;
	}
	#contents .account_setup02 .signup02_inner {
		width: 100%;
		padding: 40px 10px;
	}

	#contents .account_setup02 .signup02_btn01 {
		width: 100%;
	}

	#contents .account_setup02 .signup02_btn01 a {
		/*height: 57px;*/
		padding: 10px 0;
		background: #f0c20b url(../img/icn_arrow_white.svg) no-repeat 97% center;
		font-size: 0.8125em;
	}
	#contents .account_setup02 .signup02_inner {
		width: 100%;
		padding: 40px 10px;
	}

	#contents .account_setup02 .signup02_btn01 {
		width: 100%;
	}

	#contents .account_setup02 .signup02_btn01 a {
		/*height: 57px;*/
		padding: 10px 0;
		background: #f0c20b url(../img/icn_arrow_white.svg) no-repeat 97% center;
		font-size: 0.8125em;
	}
	#contents .account_setup02 .flow_arrow li {
		box-sizing: border-box;
		vertical-align: baseline;
		line-height: 12px;
		font-size: 0.625em;
	}

	#contents .account_setup02 .flow_arrow li .flow_number {
		display: block;
		margin: 5px 0 1px;
		line-height: 24px;
	}
	#contents .account_setup .form_input input {
		width: 100%;
    	box-sizing: border-box;
	}
	#contents .account_setup .btn_box_inner .submit_btn{
		margin:20px auto 0;
		width: 100%;
		position: static;
	}
}


/*フェーズ2更新追加分*/

.ind-1{
	text-indent:-1em;
	margin-left:1em;
}

#contents .form_area .form_txt_box,
#contents .account_setup .form_txt_box{
	max-width:600px;
	margin:0 auto;
}
#contents .form_area .rede-box {
    border: 1px solid #ccc;
    padding: 20px 6%;
}
#contents .form_area .rede-box p{
	max-width:600px;
	margin:0 auto;
}
#contents .form_area .btn_box_inner .submit_btn_center,
#contents .account_setup .btn_box_inner .submit_btn_center,
#contents .account_setup .btn_box_inner .link_btn-center
{
	position:static;
	max-width:230px;
	margin:0 auto;
}
#contents .form_area .btn_box_inner .submit_btn_left{
	left:19%;
}
@media only screen and (max-width: 768px) {
#contents .form_area .btn_box_inner .submit_btn_center{
	max-width:100%
}
}
#contents .form_area .cooperation,
#contents .account_setup .cooperation{
	padding:0 0 50px 0;
}
#contents .form_area .cooperation a,
#contents .account_setup .cooperation a{
	font-size:18px;
	color:#0062b4;
	display:inline-block;
}
#contents .form_area .cooperation span,
#contents .account_setup .cooperation span{
	display:inline-block;
	padding:5px 0 0 0;
}

#contents .form_area .btn_box_inner .link_btn_right,
#contents .account_setup .btn_box_inner .link_btn_right {
	float:right;
}
#contents .form_area .btn_box_inner .link_btn_left,
#contents .account_setup .btn_box_inner .link_btn_left {
	float:left;
}
@media only screen and (max-width: 768px) {
	#contents .form_area .btn_box_inner .link_btn_right,
	#contents .account_setup .btn_box_inner .link_btn_right,
	#contents .form_area .btn_box_inner .link_btn_left,
	#contents .account_setup .btn_box_inner .link_btn_left {
		position: static;
		margin:0;
		float:none;
	}
	#contents .form_area .btn_box_inner .link_btn_right,
	#contents .account_setup .btn_box_inner .link_btn_right{
		margin:20px 0 0 0;
	}
}


#contents .form_area .link_btn a.column-1,
#contents .account_setup .link_btn a.column-1{
	width: 230px;
	padding: 16px 0px 15px;
	background: #0062b4 url(../img/icn_arrow_white.svg) no-repeat 210px center;
	border-radius: 2px;
	border: solid 1px #0062b4;
	-moz-box-shadow: 0 1px 0 #004499;
	-webkit-box-shadow: 0 1px 0 #004499;
	box-shadow: 0 1px 0 #004499;
	text-align: center;
	color: #fff;
	font-size: 0.875em;
	-webkit-transition: color 0.15s, background-color 0.15s, box-shadow 0.15s, -webkit-transform 0.15s;
	transition: color 0.2s, background-color 0.15s, box-shadow 0.15s, transform 0.15s;
	display:inline-block;
}
#contents .form_area .link_btn a.column-2,
#contents .account_setup .link_btn a.column-2{
	width: 230px;
	padding: 7px 0px;
	background: #0062b4 url(../img/icn_arrow_white.svg) no-repeat 210px center;
	border-radius: 2px;
	border: solid 1px #0062b4;
	-moz-box-shadow: 0 1px 0 #004499;
	-webkit-box-shadow: 0 1px 0 #004499;
	box-shadow: 0 1px 0 #004499;
	text-align: center;
	color: #fff;
	font-size: 0.875em;
	-webkit-transition: color 0.15s, background-color 0.15s, box-shadow 0.15s, -webkit-transform 0.15s;
	transition: color 0.2s, background-color 0.15s, box-shadow 0.15s, transform 0.15s;
	display:inline-block;
}
@media only screen and (max-width: 768px) {

#contents .form_area .link_btn a.column-1,
#contents .account_setup .link_btn a.column-1,
#contents .form_area .link_btn a.column-2,
#contents .account_setup .link_btn a.column-2{
	width: 100%;
	background: #0062b4 url(../img/icn_arrow_white.svg) no-repeat 96% center;
	border: none;
}
#contents .account_setup .submit_btn input{
	width: 100%;
	background: #0062b4 url(../img/icn_arrow_white.svg) no-repeat 96% center;
}
}

#contents .form_area .link_btn a:hover,
#contents .account_setup .link_btn a:hover{
	background-color: #076dc3;
	box-shadow: 0 1px 0 #034ba6, 0 0px 0px rgba(0,0,0,0.2);
}

#contents .form_area .link_btn a:active,
#contents .account_setup .link_btn a:active{
	color: #ddd;
	background-color: #0861ac;
	box-shadow: 0 0 0 #044392, 0 0 0px rgba(0,0,0,0.2);
	-webkit-transform: translateY(1px);
	transform: translateY(1px);
	transition-duration: 0.1s;
}
#contents .form_area .mypage-card-no{
	font-size:13px;
	line-height:1.75;
}
.account_setup{
	background:#fff;
}
#contents .account_setup .form_txt04 {
    text-align: center;
    color: #555555;
    font-size: 1.125em;
    font-weight: bold;
}
#contents .account_setup .account_setup_inner {
	max-width:800px;
	margin:0 auto;
}
@media only screen and (max-width: 768px) {
	#contents .account_setup .account_setup_inner {
		padding:0 20px;
	}
}

#contents .form_area #save-msp-button.submit_btn, #contents .form_area #save-msp-button.disabled_btn {
	position: absolute;
}

@media only screen and (max-width: 768px) {
	#contents .form_area #save-msp-button.submit_btn, #contents .form_area #save-msp-button.disabled_btn {
		position: static;
	}
	#contents .form_area #save-msp-button.single_btn {
		width: 230px !important;
	}
	#contents .form_area #save-msp-button.disabled_btn {
		width: 100%;
	}
}
@media only screen and (max-width: 768px) {
	#contents .form_area #release-msp-connection-button.disabled_release_msp_connection_btn {
		width: 100%;
		position: static;
	}
}
#contents .account_setup  .form_box {
	width:100%;
	display:table;
}
#contents .account_setup  .form_box .form_box_inner02 {
	display: table-cell;
    padding: 30px 0;
    border-bottom: #aaa 1px dotted;
    vertical-align: middle;
}
#contents .account_setup  .form_box  .form_txt04_sub{
	margin:30px 0 0 0;
	text-align:center;
}

#contents .account_setup .rede-box {
    border: 1px solid #ccc;
    padding: 20px 6%;
	margin:30px 0 ;
}
#contents .account_setup .rede-box p{
	max-width:600px;
	margin:0 auto;
}

/*エントリー*/
.entry h2{
	text-align:center;
	font-size:22px;
	font-weight:bold;
	padding:10px 0 30px 0;
}
.entry .form_txt01{
	margin:0 0 20px 0
}
.entry .notes {
    max-width: 770px;
    margin: 30px auto;
    border: 3px solid #ccc;
    padding: 15px;
}
@media only screen and (max-width: 768px) {
	.entry .notes {
    	margin:30px 20px;
    }
}
.entry .notes dt {
    font-size: 18px;
    font-weight: bold;
}
.entry .notes dd {
    margin: 10px 0 0 0;
    font-size: 14px;
}
.entry textarea{
	display: inline-block;
    width: 600px;
    padding: 11px 15px;
    font-size: 0.8125em;
    color: #555555;
    border: 4px solid #e0e0e0;
	height:150px;
}
@media only screen and (max-width: 768px) {
	.entry textarea{
		width:100%;
		box-sizing: border-box;
	}
}

/* イベント申込ページ フリーコメント欄エラー */

#contents.entry .contest-textarea{
	height: 4em;
}

#contents.entry .contest-textarea.error_point,
#contents.entry .contest-textarea.number_over_error_point{
	border-color: red;
}

#contents.entry .free_text_required,
#contents.entry .free_text_over.number_over_error_point{
	color: red;
}

.entry .contest-text{
	max-width:800px;
	word-wrap: break-word;
    overflow-wrap: break-word;
}
.entry .complete-text{
	max-width:500px;
	margin:0 auto;
	font-size: 14px;
	line-height: 1.75
}
.file-up-box{
	padding: 30px 30px 10px;
	max-width: 430px;
}
@media only screen and (max-width: 768px) {
	.file-up-box{
		padding: 60px 30px 10px;
	}
}
#attachment {
    display: inline-block;
    position: relative;
    text-align: center;
    cursor: pointer;
    padding: 10px 0;
    line-height: 1.5em;
    width: 130px;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    color:#fff;
    background-color: #0062b4;
}
#attachment input[type="file"] {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    cursor:pointer;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}
#val {
    display: none;
    background: none;
    border-radius:2px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    padding: .25em 1em;
    color: #555555;
    position: absolute;
    width: 600px;
    left: 135px;
    border: none;
}
@media screen and (max-width: 768px){
	#val{
		width: 280px;
		top: -60px;
		left: 0;
		display: block;
		padding: 0;
		pointer-events: none;
	}
}
.fileup-text{
	display: inline;
	color: #555555;
	font-size: 13px;
	margin: 0 0 0 10px;
}
@media screen and (max-width: 768px){
	.fileup-text{
		display: block;
		margin: 10px 0 0 0;
	}
}
.contest-textarea{
	max-width: 770px;
	width: 100% !important;
}
.entry .submit_btn,
.entry .submit_btn {
	width: 230px;
	margin: 0 auto;
}
.entry .submit_btn input,
.entry .submit_btn input{
	width: 230px;
	padding: 13px 0px;
	background: #0062b4 url(../img/icn_arrow_white.svg) no-repeat 210px center;
	border-radius: 2px;
	border: solid 1px #0062b4;
	-moz-box-shadow: 0 1px 0 #004499;
	-webkit-box-shadow: 0 1px 0 #004499;
	box-shadow: 0 1px 0 #004499;
	text-align: center;
	color: #fff;
	font-size: 0.875em;
	cursor:pointer;
	-webkit-transition: color 0.15s, background-color 0.15s, box-shadow 0.15s, -webkit-transform 0.15s;
	transition: color 0.2s, background-color 0.15s, box-shadow 0.15s, transform 0.15s;
}



/* 追記 氏名欄の2行対応 */
#contents .form_area .form_input[data="user-name"]{
	width: 47%;
	float: left;
}
#contents .form_area .form_input[data-type="last_name"],
#contents .form_area .form_input[data-type="last_name_kana"]{
	margin-right: 36px;
}
#contents .form_area .form_input[data-type="last_name_kana"]{
	margin-bottom: 0;
}
#contents .form_area .form_input input[name="user[last_name]"],
#contents .form_area .form_input input[name="user[first_name]"],
#contents .form_area .form_input input[name="user[last_name_kana]"],
#contents .form_area .form_input input[name="user[first_name_kana]"]{
	width: 340px;
	box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
	#contents .form_area .form_input[data="user-name"]{
		width: auto;
		float: none;
	}
	#contents .form_area .form_input[data-type="last_name"],
	#contents .form_area .form_input[data-type="last_name_kana"]{
		margin-right: 0;
	}
	#contents .form_area .form_input[data-type="last_name_kana"]{
		margin-bottom: 16px;
	}
	#contents .form_area .form_input input[name="user[last_name]"],
	#contents .form_area .form_input input[name="user[first_name]"],
	#contents .form_area .form_input input[name="user[last_name_kana]"],
	#contents .form_area .form_input input[name="user[first_name_kana]"]{
		width: 100%;
		box-sizing: border-box;
	}
}

/* 追記 生年月日の幅調整 */
#contents .form_birth .jqTransformSelectWrapper{
	width: 70px !important;
	box-sizing: content-box;
}

/* 追記 利用規約移動による調整 */
#contents .form_area .form_box_policy{
	padding: 30px 0 0;
	border-bottom: none;
}
#contents .form_area .form_box_policy .signup01_txt04{
	text-align: center;
}


/*********************/
/*  会員登録 改修12/26 */
/*********************/
#contents .signup_area01.large{
  max-width: 1100px;
  width: 100%;
  margin: 0 auto;
}
#contents #form_signup_area .form_area{
  background: #fff;
  margin-top: 25px;
}

#contents #form_signup_area .form_area .form_inner{
  max-width: 1100px;
  width: 100%;
  box-sizing: border-box;
  border-top: 1px solid #c2c3c4;
}
#contents #form_signup_area .form_area .form_box_inner01, #contents .account_setup .form_box_inner01{
  border-bottom: 1px solid #c2c3c4;
  padding: 0;
}

/*  会員登録 項目名 */
#contents #form_signup_area .form_area .form_signup__name{
  display: table-cell;
  background: #f3f4f5;
  color: #333;
  font-size: 0.95em;
  font-weight: bold;
  width: 25.8%;
  padding: 20px 1.3%;
  vertical-align: middle;
  border-left: 1px solid #c2c3c4;
  box-sizing: border-box;
}
#contents #form_signup_area .form_area .form_signup__name.padded-large{
	padding: 36px 1.3%;
}
#contents #form_signup_area .form_area .form_signup__name .required-txt{
  display: inline-block;
  color: #fff;
  font-size: 0.8em;
  background: #0062b3;
  border-radius: 2px;
  padding: 3px 5px;
  margin-left: 0.9%;
}
#contents #form_signup_area .form_area .form_signup__name .two-rows{
	display: block;
}
#contents #form_signup_area .form_area .form_signup__name .two-rows + .two-rows{
	margin-top: 30px;
}
@media only screen and (max-width: 768px) {
	#contents #form_signup_area .form_area .form_signup__name .two-rows + .two-rows{
		margin-top: 10px;
	}
}
#contents #form_signup_area .form_area .popup, .popup-msp{
  font-size: 0.8em;
  font-style: normal;
}
#contents #form_signup_area .form_area .popup a, .popup-msp a{
  display: block;
  color: #0062b4;
  position: relative;
  right: 0;
  bottom: 2px;
  height: 13px;
  margin-top: 10px;
  padding-left: 22px;
  background: url(../img/icn_popup_blue.svg) no-repeat left 2px;
  line-height: 14px;
}
#contents .account_box .error_txt01 .popup a{
  display: block;
  color: #0062b4;
  position: relative;
  right: 0;
  bottom: 2px;
  height: 13px;
  margin-top: 10px;
  padding-left: 22px;
  background: url(../img/icn_popup_blue.svg) no-repeat left 2px;
  line-height: 14px;
}
/*  会員登録 入力欄 */
#contents #form_signup_area .form_area .form_signup__input{
  display: table-cell;
  width: 38.2%;
  border-right: 1px solid #c2c3c4;
  box-sizing: border-box;
  vertical-align: middle;
}
#contents #form_signup_area .form_area .form_signup__input .form_signup__wrap{
  padding: 20px 4.7%;
}
#contents #form_signup_area .form_area .form_signup__input .form_input{
  margin-bottom: 0;
}
#contents #form_signup_area .form_area .form_input input{
  max-width: 260px;
  width: 100%;
  padding: 3px 9px;
  border: 2px solid #0062b3;
  box-sizing: border-box;
}
@media only screen and (min-width: 769px) {
	#contents #form_signup_area .form_area .form_input input.txt360{
		max-width: 360px;
	}
}
#contents #form_signup_area .form_area .note-text-position-right{
	font-size: 12px;
	color: #E9472B;
	margin: 10px 0 0 57%;
}
@media only screen and (max-width: 768px) {
	#contents #form_signup_area .form_area .note-text-position-right{
		margin: 5px 0 0 0;
	}
}
/*  会員登録 入力欄 氏名 */
#contents #form_signup_area .form_area .form_signup__input .form_input[data="user-name"]{
  width: 48%;
}
#contents #form_signup_area .form_area .form_signup__input .form_input[data="user-name"] input{
  width: 80%;
}
#contents #form_signup_area .form_area .form_input[data-type="last_name"]{
  margin-bottom: 10px;
}
#contents #form_signup_area .form_area .form_input[data-type="first_name"]{
  margin-bottom: 10px;
}
#contents #form_signup_area .form_area .form_input[data-type="last_name"],
#contents #form_signup_area .form_area .form_input[data-type="last_name_kana"]{
  margin-right: 2%;
  text-align: center;
}
#contents #form_signup_area .form_area .form_signup__input .form_input span{
  padding: 0 4.2% 0 0;
}

#contents #form_signup_area .form_area .form_signup__input .jqTransformSelectWrapper{
  max-width: 260px;
  width: 100% !important;
  height: 30px;
  padding: 5px 0 0;
  border: 2px solid #0062b3;
  box-sizing: border-box;
}

/*  会員登録 入力欄 プルダウン*/
#contents #form_signup_area .form_area .form_signup__input .jqTransformSelectWrapper a.jqTransformSelectOpen{
  background: url(../img/icn_arrow_blue_select.svg) no-repeat center center;
  top: 75%;
  height: 16px;
  border-left: 2px solid #0062b3;
}
#contents #form_signup_area .form_area .form_birth .form_signup__input .jqTransformSelectWrapper a.jqTransformSelectOpen{
  width: 36%;
}
#contents #form_signup_area .jqTransformSelectWrapper ul{
  left: -2px;
  border: 2px solid #0062b3;
}
#contents #form_signup_area .jqTransformSelectWrapper span{
  padding: 0 0 0 15px;
}
/*  会員登録 入力欄 生年月日 */
#contents #form_signup_area .form_area .form_birth .form_select{
  float: none;
}
#contents #form_signup_area .form_area .form_birth .jqTransformSelectWrapper{
  width: 24.5% !important;
  padding: 0 40px 0 0;
  box-sizing: border-box;
}

#contents #form_signup_area .form_area .form_birth .jqTransformSelectWrapper span{
  padding: 7px 0 7px 14%;
}
/*  会員登録 入力欄 会社名 */
#contents #form_signup_area .form_area .form_signup__input .form_company_wrap{
  position: relative;
}
#contents #form_signup_area .form_area .form_signup__input .form_company_wrap .suggest-ui{
  top: 100%;
  max-width: 260px;
  width: 100%;
  border: 2px solid #0062b3;
  box-sizing: border-box;
}
/*  会員登録 入力欄 勤務先ビル */
#contents #form_signup_area .form_area .form_input--building{
  max-width: 260px;
  width: 100%;
  padding: 3px 9px;
  overflow: hidden;
  border: 2px solid #0062b3;
  box-sizing: border-box;
}
#contents #form_signup_area .form_area .form_input--building.error_point{
  border-color: #e8390e !important;
}
#contents #form_signup_area .form_area .form_input--building #building_pulldown_list{
  width: 115%;
  border: none;
  padding: 0;
  outline: none;
}
#contents #form_signup_area .form_area .form_input--building #building_pulldown_list:focus{
  outline: none;
}
#contents #form_signup_area .form_area .form_radio li{
  border: none;
}
#contents #form_signup_area .form_area .form_radio .jqTransformRadio{
  position: static;
  background: #e0e0e0;
  box-sizing: border-box;
  width: 13px;
  height: 13px;
}
#contents #form_signup_area .form_area .form_radio .jqTransformChecked{
  background: #0062bd;
  width: 13px;
  height: 13px;
  border: 3px solid #e0e0e0;
}
#contents #form_signup_area .form_area .form_radio .jqTransformRadioWrapper{
  display: inline-block;
  position: static;
  vertical-align: middle;
  width: 13px;
  height: 13px;
}

#contents #form_signup_area .error_point > li{
  border: 2px solid #e8390e !important;
  padding: 0 5px;
}

#contents #form_signup_area .form_area .form_radio li .radio_txt{
  display: inline-block;
  width: auto;
  padding: 10px 0 10px 0.8em;
  vertical-align: middle;
}
#contents #form_signup_area .form_area .form_radio li:first-child{
  margin-right: 4.7%;
}

/*  会員登録 入力欄 携帯電話番号・メールアドレス */
#contents #form_signup_area .form_area .form_signup__input .form_input #user_mobile_tel_no,
#contents #form_signup_area .form_area .form_signup__input .form_input #user_mail_address_mobile{
  border: 2px solid #e0e0e0;
}
/*  会員登録 注釈 */
#contents #form_signup_area .form_area .form_signup__note{
  display: table-cell;
  width: 35.6%;
  padding: 20px 1.3%;
  vertical-align: middle;
  border-right: 1px solid #c2c3c4;
  box-sizing: border-box;
}

#contents #form_signup_area .form_area .form_signup__note .form_signup__txt-right{
  color: #555;
  margin-top: 0;
	font-size: 12px;
	line-height: 1.5;
	font-weight: bold;
}

#contents #form_signup_area .form_area .form_signup__note .form_hint{
  color: #555;
  margin-top: 0;
}
#contents #form_signup_area .form_area .form_box_inner01 .form_hint .hint{
  color: #555;
	font-weight: bold;
}
#contents #form_signup_area .form_area .form_box_inner01 .form_hint .hint + .hint{
  margin-top: 5px;
}
/*  会員登録 三井ショッピングカード */
#contents #form_signup_area .form_area .signup_card_area, #contents #form_signup_area .form_area .use_commons_info{
  display: table;
  width: 100%;
  padding: 20px 1.3%;
  border-right: 1px solid #c2c3c4;
  border-bottom: 1px solid #c2c3c4;
  border-left: 1px solid #c2c3c4;
  box-sizing: border-box;
}
#contents #form_signup_area .form_area .signup_card_title{
  display: table-cell;
  width: 23%;
  vertical-align: middle;
  font-size: 1em;
  font-weight: bold;
  padding-right: 1.3%;
}
#contents #form_signup_area .form_area .signup_card_image{
  display: table-cell;
  width: 60%;
  vertical-align: middle;
}
/*  会員登録 利用規約 */
#contents #form_signup_area .form_area .form_box_policy .signup01_txt04{
  font-size: 1em;
  font-weight: bold;
}
#contents #form_signup_area .form_area .form_box_policy .signup01_txt04:first-child{
  margin-bottom: 20px;
}
#contents #form_signup_area .form_area .form_box_policy .rule_wrap{
  width: 800px;
}
/*  会社名 検索フォーム */
#contents #form_signup_area .form_area .form_signup__input .form_input #company_search_input{
	max-width: 197px;
	width: 73%;
	margin-right: 7px;
}
#contents #form_signup_area .form_area .form_signup__input .form_input .company_search_btn{
	background-color: #0062b3;
	color: #fff;
	border: none;
	padding: 5px 15px;
	cursor: pointer;
}
#contents #form_signup_area .form_area .form_signup__input .form_input #company_name01{
	margin-top: 10px;
	max-width: 260px;
	width: 100%;
	padding: 6px 9px 5px;
	border: 2px solid #0062b3;
	box-sizing: border-box;
	display: inline-block;
	color: #555555;
	font-size: 0.8125em;
	white-space: nowrap;
	overflow: hidden;
}

@media only screen and (max-width: 1200px) {
  #contents #form_signup_area .form_area{
    padding: 0 28px;
  }
}
@media only screen and (max-width: 768px) {
  #contents .signup_area01.large{
    width: auto;
  }
	#contents .signup_area01 {
		width: auto;
		max-width: 840px;
		padding: 0 20px;
	}

  #contents #form_signup_area .form_area .form_box{
    display: block;
  }
  #contents #form_signup_area .form_area .form_box_inner01{
    display: block;
    border-bottom: none;
  }
  #contents #form_signup_area .form_area{
    padding: 0;
  }
  #contents #form_signup_area .form_area .form_inner{
    width: 91.1%;
    padding: 0;
    border-top: none;
  }
  #contents #form_signup_area .form_area .form_signup__name,
  #contents #form_signup_area .form_area .form_signup__name.padded-large{
    display: block;
    width: 100%;
    border-left: none;
    margin: 15px 0;
    padding: 15px 2.8%;
  }
#contents #form_signup_area .form_area .popup{
  margin-bottom: 15px;
}
#contents #form_signup_area .form_area .popup a{
  padding-left: 16px;
}
  #contents #form_signup_area .form_area .form_signup__input{
    display: block;
    width: 100%;
    border-right: none;
  }
  #contents #form_signup_area .form_area .form_signup__input .form_signup__wrap{
    padding: 0 2.8%;
  }
  #contents #form_signup_area .form_area .form_input input{
    max-width: 100%;
    width: 100%;
    padding: 10px 9px;
  }
  #contents #form_signup_area .form_area .form_signup__input .form_input[data="user-name"]{
    display: inline-block;
    margin-right: 0;
  }
  #contents #form_signup_area .form_area .form_signup__input .form_input[data="user-name"] input{
    width: 75%;
    margin-left: 1%;
  }
  #contents #form_signup_area .form_area .form_signup__input .form_input span{
    display: inline-block;
    width: 2em;
    margin-bottom: 0;
    padding: 0;
    text-align: center;
  }
  #contents #form_signup_area .form_area .form_signup__input .jqTransformSelectWrapper{
    max-width: 100%;
    width: 100% !important;
    height: 45px;
    padding: 13px 0;
  }
  #contents #form_signup_area .form_area .form_signup__input .jqTransformSelectWrapper a.jqTransformSelectOpen{
    height: 36px;
    margin-top: -28px;
  }
  #contents #form_signup_area .form_area .form_birth .form_select{
    padding-right: 0;
    margin-bottom: 0;
  }
  #contents #form_signup_area .form_area .form_birth .jqTransformSelectWrapper{
    width: 25% !important;
    margin-bottom: 0;
    padding: 0;
  }
  #contents #form_signup_area .form_area .form_birth .jqTransformSelectWrapper span{
    padding: 15px 0 14px 6%;
  }
  #contents #form_signup_area .form_area .form_birth .jqTransformSelectWrapper a.jqTransformSelectOpen{
    width: 38%;
  }
  #contents #form_signup_area .form_area .form_input--building{
    max-width: 100%;
    width: 100%;
    padding: 11px 15px 10px;
  }
  #contents #form_signup_area .form_area .form_radio .jqTransformRadioWrapper{
    position: absolute;
    top: 14px;
    left: 5px;
  }
  #contents #form_signup_area .form_area .form_signup__note{
    display: block;
    width: 100%;
    border-right: none;
    margin-top: 15px;
    padding: 0 2.8%;
  }
  #contents #form_signup_area .form_area .form_signup__note.sp-hidden{
    display: none;
  }
  #contents #form_signup_area .form_area .form_radio li{
    width: 48.6%;
    margin: 0;
    padding: 12px 0 12px;
    border: 2px solid #0062b3;
  }
  #contents #form_signup_area .form_area .form_radio li:first-child{
    margin-right: 2.7%;
  }
  #contents #form_signup_area .form_area .form_radio li:frist-child{
    margin-right: 2.7%;
  }
  #contents #form_signup_area .form_area .form_radio .jqTransformChecked{
    border: none;
  }
  #contents #form_signup_area .form_area .form_signup__input .form_company_wrap .suggest-ui{
    width: 100%;
  }
  #contents #form_signup_area .form_area .form_radio li .radio_txt{
    display: block;
    width: 100%;
    padding: 0;
  }
  #contents #form_signup_area .form_area .form_box_policy .rule_wrap{
    width: 100%;
  }

  /*  会員登録 三井ショッピングカード */
  #contents #form_signup_area .form_area .signup_card_area, #contents #form_signup_area .form_area .use_commons_info{
    display: block;
    border-top: 1px solid #c2c3c4;
    margin-bottom: 0;
    padding: 15px 4.2%;
  }
  #contents #form_signup_area .form_area .signup_card_title{
    display: block;
    width: 100%;
    margin-bottom: 10px;
  }
  #contents #form_signup_area .form_area .signup_card_image{
    display: block;
    width: 100%;
  }

  /*  会員登録 利用規約 */
  #contents #form_signup_area .form_area .form_box_policy .signup01_txt04{
    text-align: left;
  }
  #contents #form_signup_area .form_area .form_box_policy .signup01_txt04:first-child{
    width: 94%;
    margin: 0 auto 15px;
  }
  #contents #form_signup_area .form_area .form_box_policy .rule_wrap{
    box-sizing: border-box;
  }

	/*  会社名 検索フォーム */
	#contents #form_signup_area .form_area .form_signup__input .form_input #company_search_input{
		max-width: none;
    width: 80%;
    margin-right: 3%;
	}
	#contents #form_signup_area .form_area .form_signup__input .form_input .company_search_btn{
		width: 17%;
    padding: 12px 0;
	}
	#contents #form_signup_area .form_area .form_signup__input .form_input #company_name01{
		max-width: 100%;
    width: 100%;
    padding: 13px 9px 12px;
	}
}

@media only screen and (max-width: 340px) {
  #contents #form_signup_area .form_area .form_birth .jqTransformSelectWrapper{
    width: 25.7% !important;
  }
  #contents #form_signup_area .form_area .form_signup__input .pl5{
    padding-left: 5% !important;
  }
}

#contents #form_signup_area .radio_list01{
	position: relative;
	padding-left: 23px;
}
#contents #form_signup_area .radio_list01 input.radio-circle{
	opacity: 0;
	margin: 0;
	position: absolute;
}
#contents #form_signup_area .radio_list01 label.radio-label{
	margin-left: 3px;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
}
#contents #form_signup_area .radio_list01 label.radio-label::before{
	position: absolute;
	content: '';
	display: block;
	width: 16px;
	height: 16px;
	background: #fff;
	border: 2px solid #0062B3;
	left: 0;
	top: 0;
	border-radius: 50%;
}
#contents #form_signup_area .radio_list01 label.radio-label::after{
	position: absolute;
	content: '';
	display: block;
	width: 14px;
	height: 14px;
	background-color: #006FDE;
	border-radius: 50%;
	left: 3px;
	top: 3px;
	opacity: 0;
}
#contents #form_signup_area .radio_list01 input.radio-circle:checked+label.radio-label::after {
  opacity: 1;
}
#contents #form_signup_area .layout_flex{
	display: flex;
	gap: 8%;
}
#contents #form_signup_area .radio_list01.disable{
	pointer-events: none;
}
#contents #form_signup_area .radio_list01.disable label.radio-label{
	color: #B4B4B4;
}
#contents #form_signup_area .radio_list01.disable label.radio-label::before{
	border-color: #B4B4B4;
}
#contents #form_signup_area .radio_list01.disable label.radio-label::after{
	background-color: #B4B4B4;
}
#contents #form_signup_area #form_input--building.disable{
	pointer-events: none;
	border-color: #B4B4B4;
}
#contents #form_signup_area #form_input--building.disable #building_pulldown_list{
	color: #B4B4B4;
}
#contents #form_signup_area .form_area .submit_btn input.inactive{
	background-color: #CBD2DA;
	border-color: #CBD2DA;
	box-shadow: 0 1px 0 #CBD2DA;
	pointer-events: none;
}

/* 追記 マイページのユーザ名・会員NO表示 */
#contents .account_info{
	margin: 40px auto 0;
	padding: 14px 0 17px;
	width: 980px;
	border: 4px solid #fff100;
	box-sizing: border-box;
}
@media only screen and (max-width: 1000px) {
	#contents .account_info{
		margin: 40px 20px 0;
		width: auto;
	}
}
@media only screen and (max-width: 768px) {
	#contents .account_info{
		margin: 25px 20px 0;
		padding: 21px 0;
    	border: 2px solid #fff100;
	}
}

#contents .account_name{
	color: #333;
	font-size: 18px;
	line-height: 1.33;
	text-align: center;
}
#contents .account_name-data{
	background: url(/assets/img/icn_mypage.svg) no-repeat 0 3px;
	background-size: 10px auto;
	padding-left: 20px;
	font-weight: bold;
	display: inline-block;
	letter-spacing: 0.075em;
}
#contents .account_name-suffix{
	margin-left: 4px;
	font-weight: normal;
	display: inline-block;
}
@media only screen and (max-width: 768px) {
	#contents .account_name{
		font-size: 16px;
		line-height: 1.5;
	}
	#contents .account_name-data{
		padding-left: 19px;
	}
}

#contents .account_no{
	color: #999;
	font-size: 18px;
	line-height: 1.33;
	text-align: center;
	letter-spacing: 0.075em;
}
#contents .account_id{
	color: #333;
}
@media only screen and (max-width: 768px) {
	#contents .account_no{
		font-size: 16px;
		line-height: 1.5;
	}
}

#contents #form_confirm_area .form_area{
  background: #fff;
}

#contents #form_confirm_area .form_inner{
  max-width: 800px;
  width: 100%;
  box-sizing: border-box;
  border-top: 1px solid #c2c3c4;
}

#contents #form_confirm_area .form_area .form_box_inner01, #contents .account_setup .form_box_inner01{
  display: table;
  width: 100%;
  padding: 0;
  border-bottom: 1px solid #c2c3c4;
  box-sizing: border-box;
}

#contents #form_confirm_area .form_area .form_txt02{
  background: #f3f4f5;
  width: 35.5%;
  padding: 20px 1% 20px 2%;
  border-left: 1px solid #c2c3c4;
  box-sizing: border-box;
  font-size: 0.95em;
}
#contents #form_confirm_area .form_area .form_txt03{
  display: table-cell;
  width: 64.2%;
  padding: 20px 2.6%;
  border-right: 1px solid #c2c3c4;
  box-sizing: border-box;
  font-size: 0.95em;
}
#contents #form_confirm_area .form_area input{
  cursor: pointer;
}

@media only screen and (max-width: 768px) {
  #contents #form_confirm_area .form_inner{
    border-top: none;
    padding: 0 17px;
  }

  #contents #form_confirm_area .form_area .form_box_inner01, #contents .account_setup .form_box_inner01{
    display: block;
    border-bottom: none;
  }

  #contents #form_confirm_area .form_area .form_txt02{
    display: block;
    width: 100%;
    border-left: none;
    padding: 11px 0 11px 3%;
  }

  #contents #form_confirm_area .form_area .form_txt03{
    display: block;
    width: 100%;
    border-right: none;
    padding: 25px 0 25px 3%;
  }

  #contents #form_confirm_area .form_area .btn_box, #contents .account_setup .btn_box{
    padding: 0 0 60px;
  }
}

.attention-modal {
	display: none;
}

.attention-modal .modal-bg {
	display: block;
	opacity: 0.7;
}

.attention-modal .modal-content {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	padding: 40px;
	text-align: left;
	background: #fff;
	z-index: 10;
}

.attention-modal .text--center {
	margin-bottom: 15px;
}

.attention-modal .link-01-back {
	padding-left: 0;
	background: none;
	position: relative;
}

.attention-modal .link-01-back:after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 90%;
	height: 1px;
	background-color: #0062b4;
}

@media only screen and (max-width: 768px) {
	.attention-modal .modal-content {
		padding: 20px;
	}
}

/* WS一括登録 勤務先ビル プルダウン */
#contents .form_area .form_select--building {
	white-space: nowrap;
}

#contents #form_signup_area .form_area .form_signup__input .form_select--building .jqTransformSelectWrapper > div {
	overflow: hidden;
}

#contents #form_signup_area .form_area .form_signup__input .form_select--building .jqTransformSelectWrapper a.jqTransformSelectOpen {
	background: none;
	border: none;
	width: 100%;
}

#contents #form_signup_area .form_area .form_signup__input .form_select--building .jqTransformSelectWrapper ul {
	white-space: normal;
}

.btn-msp-ok{
  background:#0062b4;
  border-radius:2px;
  padding:15px 30px;
  text-align:center;
  color:#fff;
  display:block;
  border: 1px solid #0062b4;
	cursor: pointer;
  &:hover{
    opacity:0.7;
  }
}
/***************************************************

ボタン CSS

***************************************************/
#contents .form_area .form_link {
	margin: 30px auto;
	text-align: center;
}
#contents .form_area .form_link a {
	position: relative;
	display: inline-block;
	padding: 13px 45px 13px 15px;
	background: #e4041c;
	border-radius: 2px;
	border: solid 1px #e4041c;
	text-align: center;
	color: #fff;
	font-size: 0.875em;
	-webkit-transition: background-color 0.15s;
	transition: background-color 0.15s;
}

#contents .form_area .form_link a.external_icon-w{
	padding: 13px 22px 13px 15px;
}

#contents .form_area .form_link a:before {
	background: url(../img/icn_arrow_white.svg) no-repeat;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 12px;
	height: 12px;
	transition: .3s right ease-out;
}

#contents .form_area .form_link a.external_icon-w:before{
	background: none;
}

#contents .form_area .form_link a:hover {
	background-color: #e93649;
}

#contents .form_area .form_link a:hover:before {
	right: 16px;
}

/* アンケート */
#contents .form_area .form_box--enq {
	margin-top: 30px;
	border-top: 1px solid #c2c3c4;
}
#contents .form_area .form_box--enq + .form_box--enq{
	margin-top: 0;
	border-top: none;
}
#contents #form_signup_area .form_box--enq .form_signup__name {
	width: 25.8%;
}
#contents #form_signup_area .form_box--enq .form_signup__input {
	max-width: 500px;
}
#contents .form_area .form_box--enq .form_checkbox__wrap {
	display: flex;
	flex-wrap: wrap;
}
#contents .form_area .form_box--enq .form_checkbox__item {
	display: flex;
	flex-direction: row-reverse;
	margin: 0 20px 0 0;
	line-height: 2.4;
	align-items: center;
}
@media only screen and (min-width: 769px) {
	#contents .form_area .form_box--enq .two-column .form_checkbox__item{
		margin: 0;
		width: max(40%, 184px);
	}
}
#contents .form_area .form_box--enq .form_checkbox__item label {
	font-size: 0.9em;
	width: 100%;
	display: block;
	line-height: 1.5;
	margin: 5px;
}
#contents .form_area .form_box--enq .form_checkbox__item input[type="checkbox"] {
	font-size: 0.9em;
}

@media only screen and (max-width: 768px) {
	#contents .form_area .form_box--enq {
		border-top: none;
	}
	#contents #form_signup_area .form_box--enq .form_signup__name {
		width: auto;
	}
	#contents #form_signup_area .form_box--enq .form_signup__input {
		max-width: none;
	}
	#contents .form_area .form_box--enq .form_checkbox__item {
		padding: 12px;
		width: 100%;
		border: 2px solid #0062b3;
		justify-content: flex-end;
		margin-right: 0;
		margin-bottom: 12px;
		line-height: 1.2;
	}
}