@charset "utf-8";



/* 768px以上：PC向けのスタイル記述
============================================================================== */

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



#bodywrap {
	padding: 0;
}


.hdr_global_inner {
	width: 760px;
	margin: 0 auto;
}

/* h1グローバル、ロゴ */


.hdr_h1 {
	padding: 27px 0 15px 0;
	font-size: 24px;
	font-size: 2.4rem;
}

.hdr_logo {
	margin: 31px 0 0;
}
.hdr_logo img {
	width: 117px;
}

.hdr_input_err{
	padding: 0;
	margin: 0 0 10px;
}

/* main
---------------------------------- */

.main_wrap {
	padding: 30px 0 30px;
	background-image:url('https://id.smt.docomo.ne.jp/img/bg_spring.png');
}

.main {
	width: 548px;
	margin: 0 auto 0;
	padding: 0;
	background: transparent none;
}



.main_hdrmes01 {
	margin: 0;
	padding: 8px 0;
}

/* BCPメッセージ */

.header__global .hdr_bcpmes {
	display: none;
}
.main .hdr_bcpmes {
	display: block;
	/*
	margin: 10px 0 0;
	padding: 0 0 10px;
	*/
	padding: 0;
	background: #fff none;
}

.hdr_bcpmes_list {
	padding: 14px 0 16px;
	font-size: 16px;
	font-size: 1.6rem;
}
.hdr_bcpmes_list a {
	font-size: 16px;
	font-size: 1.6rem;
}



/* フォーム入力画面 進行状況バー */

.progress_bar_wrap {
	margin:0;
	padding:0;
}

.header_progress_bar {
	padding: 10px 10px 13px;
	background: #fff none;
	border: 8px solid #e9e9e9;
}

.progress_bar {
	display: block;
	height: 32px;
	background-image: url(https://id.smt.docomo.ne.jp/img/bg_progress_bar.png);
	background-repeat: no-repeat;
	line-height: 1;
	border-radius: 5px;
}
_:-ms-fullscreen, :root .progress_bar {
	border-radius: 0;
}

.active01 {background-position: -8px -6px;}
.active02 {background-position: -8px -52px;}
.active03 {background-position: -8px -98px;}

.progress_bar li {
	display: block;
	float: left;
	width: 33%;
	height: 32px;
	background: transparent none;
	color: #fff;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	line-height: 32px;
}
.progress_bar li:first-child {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.progress_bar li:nth-child(2) {
	width: 34%;
}
.progress_bar li:last-child {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.progress_bar + .main_regist_hdrmes {
	margin: 13px 0 0;
}



/* main_inner */

.main_block .main_inner, .main_inner {
	margin: 0 0 -10px;
	padding: 17px 90px 25px;
	background: #fff none;
	border: 10px solid #e9e9e9;
}



/* フォーム調整 */


.main_inner .form dt {
	margin: 20px 0 0;
	padding: 7px 0 2px 10px;
	border-left: 4px solid #c90028;
}
.main_inner .form dt:first-child {margin: 10px 0 0 0;}

.form {margin: 0;}

.card { /* pconly */
	margin: 0 0 0;
	padding: 15px 84px 25px 87px;
	border: 8px solid #e9e9e9;
	background: #fff none;
}
.card.first {
	margin: 0;
}


input.button_submit,
.form + input.button_submit {
	width: 82%;
	margin: 31px 0 0;
	margin-left: auto;
	margin-right: auto;
	padding: 19px 0;
	font-size: 18px;
	font-size: 1.8rem;
}
input.button_submit:active {
	padding: 20px 0 18px 2px;
	padding: 19px 0;
}

a.button_submit,
.form + a.button_submit {
	width: 82%;
	margin: 31px 0 0;
	margin-left: auto;
	margin-right: auto;
	padding: 19px 0;
	text-decoration:none;
	text-align:center;
	font-size: 18px;
	font-size: 1.8rem;
}
a.button_submit:active {
	padding: 20px 0 18px 2px;
	padding: 19px 0;
}


.form dd {margin: 10px 0 0;}

.card .form label {
	font-size: 0.8125rem;
}

.card.form dt {
	margin: 12px 0 0;
	padding: 6px 0 1px 9px;
	border-left: 4px solid #cc0033;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1;
}

i.mandatory {
	display: inline-block;
	margin: -6px 0 -5px 10px;
	padding: 4px 6px;
	background: #cc0033 none;
	font-size: 12px;
	font-size: 1.2rem;
	color: #fff;
	line-height: 1;
	vertical-align: middle;
}

i.mandatory_gray {
	display: inline-block;
	margin: -6px 0 -5px 10px;
	padding: 4px 6px;
	background: #858585 none;
	font-size: 12px;
	font-size: 1.2rem;
	color: #fff;
	line-height: 1;
	vertical-align: middle;
}


.form dt.sub {
	margin: 12px 0 0 10px;
	padding:0px;
	border-left: none;
}
.form dd.sub {
	margin: 8px 0 0 10px;
}




.link_text {
	margin: 25px 0 0;
}

.annotation .link_text {
	margin-top:10px;
	margin-bottom:15px;
}

.privatemode .link_text {
	font-size: 1.4rem;
	line-height: 1.1;
	margin-top: 20px;
}

.privatemode .txt_alert {
	color: #c03;
	font-size: 1.4rem;
	line-height: 1.1;
}


/* main_inner_02 */
.main_block .main_inner_02, .main_inner_02 {
	margin: 0 0 -10px;
	padding: 21px 90px 27px;
	background: #fff none;
	border: 10px solid #e9e9e9;
}
.hdr_bcpmes + .main_inner_02{
	margin: 10px 0 0;
}

.main_inner_02 .link_wrap {
	width: 72.4%;
	margin: 20px auto 0;
}
.main_inner_02 .link_text {
}
.main_inner_02 .link_text:first-child,
.main_inner_02 .link_text.first {
	margin: 0;
	float: left;
}
.main_inner_02 .link_text:last-child,
.main_inner_02 .link_text.last {
	margin: 0;
	float: right;
}

.main_inner_02 .button_submit {
	margin-top: 5px;
}
.main_inner_02 .remind {
	margin-top: 0;
	padding: 16px 0;
}
.main_inner_02 .remind:active {
	padding: 17px 0 15px 2px;
}

.main_inner_02 + .main_inner{
	margin-bottom:-10px;
}
.main_inner_02 .button_submit{
  margin-left: auto;
  margin-right: auto;
}

.hdr_input_err + .privatemode .main_inner {
  margin: 0 0 -10px;
}


/* パスワード確認、ご注意等 */

.fImg {
	width: 96px;
	height: 32px;
}

.imgRldBtn {
	height: 26px;
	margin-top: 2px;
}


.notice_bottom {
	display: none;
}

.notice_bottom_wrap {
	display: block;
	padding: 0;
}

.notice_bottom_wrap .notice_bottom {
	display: block;
	margin: 0;
}

.notice_bottom_wrap .details {
	padding: 12px 5px 5px;
}

.card.card_terms_button {
	display: block;
	padding: 12px 10px 23px;
}

.card_terms_button .form_notice_btm {
	margin: 0;
}

.notice_bottom_wrap .accordion.closed {
	height: auto !important;
	border-bottom: none;
}

.notice_bottom_wrap .btn_showhide {
	display: none;
}

.ifr2 {
	width: 100%;
	margin: 16px 0 0;
	border: 1px solid #bababa;
}

.card_terms_button input[type="button"] {
	width: 370px;
	margin: 30px auto 0;
}

.txt_terms {
	display: none;
}



/* ボタン枠 */

.form_btn_wrap {
	padding-top: 25px;
}
/* フッタ
---------------------------------- */

.footer__global {
	position: relative;
	left: auto;
	bottom: auto;
}

.ftr_link {
	width: 760px;
	margin: 0 auto;
}
.ftr_link ul {
	display: block;
	width: 100%;
	text-align: left;
}
.ftr_link ul li {
	float: left;
	width: 33%;
	padding: 20px 0 4px;
	font-size: 14px;
	font-size: 1.4rem;
	text-align: center;
}
.ftr_link ul li:first-child {
	width: 33%;
	text-align: left;
}
.ftr_link ul li:last-child {
	width: 33%;
	text-align: right;
}
.ftr_link ul > *:first-child + * + * { /* last-child:ie8対策 */
	text-align: right;
}

.copyright {
	display: block;
	margin: 34px 0 0;
}
.copyright img {
	width: 352px;
}



/* 表示領域切替
---------------------------------- */
/* sp用を消してpc用を表示 */
.sp_view
{
	display:none;
}
div.pc_view, p.pc_view, li.pc_view
{
	display:block;
}
span.pc_view, a.pc_view
{
	display:inline;
}

#easyBtn1{
	display:none;
}
.easyInfo{
	display:none;
}
.numLogin{
	display:none;
}

#ipMC {
    display: none;
}

/* 重要なお知らせ（PC・IA） */
#disp_bcpmes_sp{display:none;}#disp_bcpmes_pc{
	display: block;
}

/* 自動ポーリング画面
---------------------------------- */

.snd_infoMes {
	font-size: 20px;
	font-weight: bold;
}

.snd_pollingMes {
	margin: 20px 0;
}

.snd_main {
	margin: 60px 0 25px;
}

.snd_main img {
	width: 320px;
}

.snd_main input.button_submit{
	margin-top: 20px;
}


.phone{
	width: 100%;
	margin: 0!important;
}
.phone img{
	width:320px; 
	height:320px;
	margin-top:0px;
}

.circle{
  width: 80px;
  height: 80px;
  text-align:center;
  line-height: 80px;
  border-radius: 50%;
  border: solid 10px #e9e9e9;
  top: auto;
  right: 0px;
  bottom: 10px;
  left: auto;
  font-size: 50px;
  padding-top: 4px;
}

}