@CHARSET "UTF-8";

.sp{
	display:block;
}
.pc{
	display:none;
}
body {
	margin: 0;
	padding: 0;
	background:none;
	background:#fff;
}
div#common_error{
	width:auto;
	/* min-width:320px; */
}
#header {
	width: 100%;
	min-width: 320px;
	height: auto;
	position: relative;
}
#header a {
	cursor: pointer;
}
#header div.header-link {
	height: 35px;
}
#header div.header-link #secomLogo {
	margin-top: 0px;
	margin-right: 0px;
	position:absolute;
	top:7px;
	left:0px;
}
#header div.header-link img#secomLogo-L {
	height: 20px;
}
#header div.header-link a#headerMenu_faq {
	font-size: 85%;
	margin-top: 7px;
	margin-right: 7px;
	letter-spacing: -2px;
}
.env_name{left:0;}
#header .oc-logo {
	margin:0 auto;
}
#header .oc-logo img#ocLogo-L {
	height: auto;
	max-width: 300px;
}
#header #navi{
	margin:0;
	padding:0;
	background:none;
	display:none;
	width:auto;
}
div.contents {
	width: 100%;
	min-height: auto;
	padding-top: 10px;
}

div.editemail {
	width: 100%;
	min-height: auto;
	padding-top: 0px;
}

div.contents img,
div.editemail img{
	width: 100%;
}
div.gaiyo {
	float: none;
	margin: 0 10px;
	width: auto;
}
.page-title {
	margin-left: 0;
	margin-bottom: 10px;
}
div.catch {
	width: 100%;
	height: auto;
}
div.catch div {
	margin: 0;
}
#h3_service_title {
	margin: 0 0 -1.4rem 0;
}
.login {
	width: 100%;
	float: none;
}
.login #imgLoginTop {
	margin-left: 0;
	width: 300px;
	height: auto;
}
.login .login-form {
	width: 300px;
	background-size: 300px;
	margin-left: auto;
	margin-right: auto;
	padding-top:2px;
}
.login .login-form #loginTable {
	margin-bottom:0;
	width:100%;
}
.login .login-form #loginTable td,
.login .login-form #loginTable td.text {
	display: block;
	width: 100%;
	box-sizing:border-box;
}
.login .login-form #loginTable td.text {
	margin-left: -5px;
	font-size:16px;
	padding:0px;
}
.login .login-form #loginTable td.inputform {
	padding-top:5px;
}
.login .login-form #loginTable td.inputform input,
input[type="password"],
input[type="text"],
input[type="email"] {
	width: 90%;
	margin: 0 10px;
	height: 40px;
	background:#fff;
}
.login .login-form #loginTable tr.passwordDisplayTr div{
	padding-left:5px;
	vertical-align:middle;
	display:inline-block;
	margin-bottom:5px;
}

/*.login .login-form img#loginbutton{
	width:200px;
	height:auto;
}*/
/*201803　ログインボタン*/
a#loginbutton{
	width:240px;
	height:40px;
}
a#loginbutton .glare {
	top: -8px;
}
a#loginbutton .text{
	width:240px;
	height:40px;
	font-size:18px;
	top:7px;
}
.login .login-form img#msgIdBt,
.login .login-form img#msgPwsBt{
	width:80%;
	height:auto;
	margin-left:0;
	margin-bottom:3px;
}
.login #imgLoginBot{
	width:300px;
	height:auto;
	margin:0 auto;
}
.login .trial-user,
.login .regist-user{
	width:auto;
	margin:10px 10px 10px;
	position:relative;
}
.login #trial-button{
	float:none;
	width:100%;
	position:static;
}
.login img#person{
	width:80px;
	height:auto;
}
.login a#trialBt{
	top:40px;
	left:auto;
	right:10px;
	width:200px;
	height:40px;
	line-height:40px;
	font-size:16px;
}
.login img#trialMailImg{
	left: 5px;
	top:108px;
	width:30px;
	height:auto;
}
.login #trial-info{
	width:auto;
	float:none;
	padding-left:37px;
	padding-top:10px;
}
.login #trial-info img{
	width:120px;
}
/* .renewal{
	margin:10px 10px 20px;
}
.renewal a{
	width:auto;
	height:40px;
	line-height:40px;
} */
.information{
	width:auto;
	margin:0 10px;
}
.information .information-info{
	height:auto;
	min-height:60px;
	max-height:100px;
}
.footer,
#footer{
	width:auto;
	min-width:320px;
	min-height:30px;
}
.footer .footer-img{
	margin-left:10px;
	float:none;
}
.footer .footer-company{
	width:auto;
	float:none;
	margin-top:2px;
	padding-bottom:20px;
}
#common-button{
	width:auto;
	min-width:320px;
}
#secom-item{
	width:auto;
	min-width:320px;
}
/*ステップ図*/
#flow-image-sp{
	margin:0 20px 20px 20px;
}
#flow-image-sp ol{
	width:100%;
	display:table;
	margin:0;
	padding:0;
	list-style-type:none;
	overflow:hidden;
}
#flow-image-sp ol li{
	display:table-cell;
	margin:0;
	/*padding: 5px 5px 5px 14px;*/
	padding-right:14px;
	position:relative;
	background:#e6e6e6;
}
#flow-image-sp ol li:first-child{
	border-radius:7px 0px 0px 7px;
}
#flow-image-sp ol li:last-child{
	padding-right:1em;
	border-radius:0px 7px 7px 0px;
}
#flow-image-sp ol li:last-child:before,
#flow-image-sp ol li:last-child:after{
	display:none;
}
#flow-image-sp ol li:before,
#flow-image-sp ol li:after{
	content:"";
	position:absolute;
	width:0;
	height:0;
	margin:auto;
}
#flow-image-sp ol li:before{
	top:-6px;
	right:-1em;
	border-style:solid;
	border-color: transparent transparent transparent #fff;
	border-width: 30px 0 30px 20px;
	z-index: 10;
}
#flow-image-sp ol li:after{
	top:-6px;
	right:-.8em;
	border-style:solid;
	border-color: transparent transparent transparent #e6e6e6;
	border-width: 30px 0 30px 20px;
	z-index: 10;
}
#flow-image-sp ol li.current{
	background:#1f60b0;
	color:#FFF;
	text-align:center;
}
#flow-image-sp ol li.current:after{
	border-color: transparent transparent transparent #1f60b0;
}
#flow-image-sp ol li.current .row1-flow{font-size:8pt; margin:0; line-height:1.1;}
#flow-image-sp ol li.current .row2-flow{font-size:12pt; font-weight:bold; margin:0;}
#flow-image-sp ol li.still{
	background:#cee8ff;
}
#flow-image-sp ol li.still:after{
	border-color: transparent transparent transparent #cee8ff;
}
div.subContents div.info{
	margin-left:0;
}
/**/
table.input,
table.input#customerNameTable,
table#nowPasswordTable,
table#newPasswordTable,
table.input#confEmailTable,
table.reference {
	margin-left:0;
	width:100%;
	/* width:auto; */
	box-sizing:border-box;
}
table.input#customerNameTable th,
table.input#customerNameTable td,
table#nowPasswordTable th,
table#nowPasswordTable td,
table#newPasswordTable th,
table#newPasswordTable td,
table.mailaddress th,
table.mailaddress td,
table.reference th,
table.reference td,
table.input#confEmailTable th,
table.input#confEmailTable td {
	display:block;
	/* width:98%; */
	width:auto;
}
/* table.input#customerNameTable > tr:AFTER {
	content: '';
	display: block;
	clear: both;
} */
/* table.input#customerNameTable th {
	float: left;
} */
/* table.input#customerNameTable td:nth-of-type(1) {
	float: left;
	display:inline-block;
	width:85%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
} */
table.input#customerNameTable td:nth-of-type(1):AFTER {
	content: '　様';
}
table.input#customerNameTable td:nth-of-type(2) {
	/* float: left;
	display:inline-block;
	width:15%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; */
	display: none;
}
table.mailaddress td input[type=email],
table.mailaddress td input[type=text],
table.input#confEmailTable td input[type=email],
table.input#confEmailTable td input[type=text],
table.input#confEmailTable td input[type=password] {
	height:40px;
}
table.mailaddress td.td2{
	border-left:solid 1px #fad567;
	border-top:none;
}
th.mailaddress,
table.reference th {
	font-size:16px;
}
.ccDescription{
	display:inline-block;
}
#common-privacy{width:auto;}
div#modal-content{
	width:auto;
	margin-left:20px;
	margin-right:20px;
}
/* #dialogModalMessageWrapper{
	text-align:left;
} */
div.btnM,
div.btnL {
	height:40px;
	line-height:40px;
	margin-bottom: 10px;
}

/* 入力エラー表示位置 */
.responsiveError {
  margin-left: 10px;
}

/* [※確認のためもう一度入力してください。]メッセージ位置 */
.againConfirmMessage {
  margin-left: 10px;
}

/* ダイアログモーダルボタン位置 */
#dialogModalConfirmActionOkWrapper,
#dialogModalConfirmActionCancelWrapper {
  width: 100%;
}
#dialogModalConfirmActionOk {
  float: none;
  margin: 0 auto 10px;
}
#dialogModalConfirmActionCancel {
  float: none;
  margin: 10px auto 0;
}

/* 入力フォーム幅(パスワード登録・変更画面) */
#nowPasswordTable #password,
#newPasswordTable #newPassword,
#newPasswordTable #rePassword {
  width: 80%;
}

/* ボタン縦幅変更(電子メールアドレス登録・変更画面) */
.registeredMainAddress .td2,
.registeredCCAddress .td2 {
  padding-top: 5px;
  padding-bottom: 5px;
}
.registeredCCAddress .td2:nth-of-type(2) {
  float: left;
  width: 50%;
  border-right-style: none;
}
.registeredCCAddress .td2:nth-of-type(3) {
  float: left;
  width: 50%;
  border-left-style: none;
}
.registeredCCAddress .td2:nth-of-type(2) > div {
  float: right;
  margin-right: 10px;
}
.registeredCCAddress .td2:nth-of-type(3) > div {
  float: left;
  margin-left: 10px;
}

/* 入力フォーム幅(電子メールアドレス確認画面) */
#confEmailTable #mailaddress {
  width: 90%;
}
#confEmailTable #password {
  width: 80%;
}

/* パスワード表示チェックボックス下線非表示(電子メールアドレス確認画面) */
table.input#confEmailTable tr:nth-of-type(3) td {
  border-bottom: none;
}
table.input#confEmailTable tr:nth-of-type(4) th {
  margin-top: 5px;
  border-top-style: solid;
}

/* SlickNav初期設定 */
#naviInnerSP {
  display: none;
}
.slicknav_menu {
  display: block;
}

/* SlickNavリンク */
.slicknav_nav li > a {
  color: #fff;
  text-decoration: none;
}

/* テーブルデザイン変更 */
table.input#customerNameTable th,
table.input#customerNameTable td,
table.reference th,
table.reference td,
table.input#confEmailTable th,
table.input#confEmailTable td {
  border-top-style: none;
  border-right-style: none;
  border-left-style: none;
}
table.input#customerNameTable,
table.reference,
table.input#confEmailTable {
  border-bottom-style: none;
}

/* パスワードチェックボックス */
#passwordDisplayDiv {
  float: left;
  width: 100%;
}
#passwordDisplayDiv:AFTER {
  content: '';
  display: block;
  clear: both;
}
#passwordDisplayDiv > input[type="checkbox"],
#passwordDisplayDiv > div,
#passwordDisplayDiv > label {
  float: left;
}

/* お客様情報(スマホ版) */
#customerInfoSPWrapper {
  width: auto;
  margin: 10px 20px;
}
#customerInfoSPWrapper:AFTER {
  content: '';
  display: block;
  clear: both;
  font-size: 14px;
}
#customerInfoSPWrapper > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#customerInfoSPWrapper > ul > li {
  float: left;
  width: 100%;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#customerInfoSPWrapper > ul > li:first-child {
  float: right;
  text-align: right;
}
/* ヘッダーアイコン */
#headerSpWrapper {
  width: 100%;
  padding-bottom: 5px;
  border-bottom: solid 2px rgba(0,0,0,0.2);
}
#headerSpTitleWrapper:AFTER {
  content: '';
  display: block;
  clear: both;
}

#headerSpTitle {
  float: left;
  width: 80%;
  height: 28px;
  background-image: url(../image/h1_email.gif);
  background-repeat: no-repeat;
  background-position: left 10px top 10px;
  background-size: 220px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#headerSpMenuWrapper {
  float: right;
  width: 20%;
  background-repeat: no-repeat;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#headerSpMenu {
  float: right;
  margin-top: 5px;
  margin-right: 10px;
  width: 35px;
  /* height: 35px; */
  background: #0082cd;
  cursor: pointer;
  word-wrap: break-word;
  border-radius: 4px;
  display: block;
  color: #fff;
  font-size: 0.87em;
  line-height: 1.125em;
  cursor: pointer;
}

.headerSpMenuLine {
  margin: 3px auto;
  background-color: #fff;
  display: block;
  width: 1.125em;
  height: 0.16em;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  cursor: pointer;
}
.headerSpMenuLine:first-child {
  margin-top: 10px;
}
.headerSpMenuLine:last-child {
  margin-bottom: 10px;
}

/* ?ボタン */
.description {
  margin-top: -5px;
}

/* ナビメニュー */
#headerSpNav {
  display: none;
  margin-top: 5px;
  background: #0082cd;
  word-wrap:break-word;
}
#headerSpNav > ul {
  margin: 0;
  padding: 0;
}
#headerSpNav > ul > li {
  border-top: 1px solid #6699CC;
  list-style: none;
  font-size: 0.87em;
  line-height: 1.188em;
}
#headerSpNav > ul > li > a {
  color: #fff;
  display: block;
  text-decoration: none;
  padding: 5px 0 5px 10px;
  cursor: pointer;
}
#headerSpNav > ul > li > a:ACTIVE,
#headerSpNav > ul > li > a:FOCUS,
#headerSpNav > ul > li > a:HOVER {
  background:#069;
  color:#fff;
}
#customerInfoSpWrapper {
  margin: 5px 10px;
  border-radius: 7px;
  color: #069;
  background-color: #dbf2ff;
}
#customerInfoSpWrapper > div {
  padding: 2px 5px;
}
#customerInfoSpWrapper > div:first-child {
  padding-top: 5px;
}
#customerInfoSpWrapper > div:last-child {
  padding-bottom: 5px;
}
/* 共通ボタンラッパー */
#commonButtonWrapper {
  width: auto;;
}
/* 体験版注意メッセージ */
.trialAttention {
  margin: 0 20px;
}
/* 必須文言 */
span.req {
  float: none;
}
.requ {
  float: none;
}
/* 体験版タイトル */
#trialTitle {
  margin: 7px;
  color: red;
  font-size: 16pt;
}
/* 新規ご登録ブロック */
.regist-user {
  height: auto;
}
#regist-info,
#regist-info > img {
  width: auto;
}
#regist-info {
  margin: 10px;
}
/* 新規ご登録ボタン */
#registButtonWrapper {
  width: auto;
  margin: 10px;
}
#registButtonWrapper > div {
  margin: 0 auto;
  max-width: 200px;
}
#registButton {
  margin-left: 0;
}

/* みまもりホンタイトル */
#mimamoriPhoneTitleDiv {
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 10px;
}
/* タイトル右側の文言「※手続きはまだ完了しておりません」 */
#incompleteTitleDiv {
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 10px;
}

/* 確認メール送信の説明文Div */
.confMailAttentionDiv {
  width: 94%;
  padding: 10px;
}