@charset "UTF-8";
/* CSS Document */

@import url("https://id-biz.smt.docomo.ne.jp/css/pc-header-footer_Biz.css");  /*2021/02/08 add*/

/* 最終更新日　2021/02/08

/* ============================================================== */
/* イニシャライズ（初期値の定義）                                 */
/* ============================================================== */
html {
	height: 100%;
	font-size: 62.5%;
	-webkit-text-size-adjust: none;
}
body , div , dl , dt , dd , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , p , blockquote , th , td {
	margin: 0;
	padding: 0;
}

body {
	color: #2e2e2e;
	font-size: 18px;
	font-family: Verdana, '游ゴシック', 'Yu Gothic', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	line-height: 30px;
}

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

fieldset , img {
	border: 0;
	vertical-align: bottom;
}

address , caption , cite , code , dfn , em , strong , th , var {
	font-style: normal;
	font-weight: normal;
}

ol , ul {
	list-style: none;
}
li {
	background-repeat:no-repeat;
}

caption , th {
	text-align: left;
}

h1 , h2 , h3 , h4 , h5 , h6 {
	font-size: 100%;
	font-weight: normal;
}
h1{
	font-size: 150%;
	font-weight: bold;
}
textarea {
	font-size: 100%;
	font-family: Verdana, '游ゴシック', 'Yu Gothic', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}

img {vertical-align:text-bottom;}

object {
    vertical-align: top;
}
a:hover.ro-fade {
	opacity: .6;
	-webkit-opacity: .6;
	-moz-opacity: .6;
	filter: alpha(opacity=60);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=60)"; /* IE 8 */
}

a:hover.ro-fade-img{
	opacity: .6;
	-webkit-opacity: .6;
	-moz-opacity: .6;
	filter: brightness(0.5);
	-ms-filter: "alpha(opacity=60)"; /* IE 8 */
}


/* ============================================================== */
/* 共通                                                           */
/* ============================================================== */
body{
	color:#2e2e2e;
	background-color:#FFFFFF;
	min-width: 768px;
}
body#top{
        min-width: 1100px;
        position: relative;
}
/* アンカー */
a{
	text-decoration:none;
	color:#005180;
}
a:visited{
	color:#005180;
}
a:hover{
	color:#005180;
	text-decoration:none;
}

/* インデント */
.indent{
	padding-left:1em !important;
	text-indent:-1em !important;
}

/* fix */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* .container */
.container{
	width: 1000px;
	margin: 0 auto;
}

.left-box{
	float: left;
}

.right-box{
	float: right;
}

.margin30{
	margin: 0 0 30px 0;
}



/* Material iconsを利用する */
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* 推奨サイズ */
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;

  /* WebKitブラウザサポート */
  -webkit-font-smoothing: antialiased;
  /* Chrome、Safariサポート */
  text-rendering: optimizeLegibility;

  /* Firefoxサポート */
  -moz-osx-font-smoothing: grayscale;

  /* IEサポート */
  font-feature-settings: 'liga';
}

/* ============================================================== */
/* テキストボタン                                                 */
/* ============================================================== */
.btn-blue{
	width: 80%;
	margin: 0 auto;
}

.btn-blue a{
	background: #0081cc;
	/* background-image: url(https://id-biz.smt.docomo.ne.jp/img/pc_btn-bg.png); */
	background-repeat: no-repeat;
	background-size: 10px 15px;
	background-position: right 3% center;
	padding: 15px 25px 15px 15px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	text-align: center;
	line-height: 1em;
}
.btn-blue a{
	display: block;
}
.btn-blue a span{
	color: #fff;
	font-weight: bold;
	letter-spacing: 0.1em;
}
.btn-blue a:hover {
	background: #0067a3;
	/* background-image: url(https://id-biz.smt.docomo.ne.jp/img/pc_btn-bg-Biz-hover.png); */
	color: #ccc;
}
.btn-blue a:hover span {
	color: #ccc;
}
.btn-blue-border{
	width: 80%;
	margin: 0 auto;
}
.btn-blue-border a{
	background-image: url(https://id-biz.smt.docomo.ne.jp/img/pc_btn-bg-blue-Biz.png);
	background-repeat: no-repeat;
	background-size: 10px 15px;
	background-position: right 3% center;
	padding: 15px 25px 15px 15px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border: 3px solid #0081cc;
	text-align: center;
	line-height: 1em;
	box-sizing: border-box;
	display:block;
}
.btn-blue-border a span{
	color: #0081cc;
	letter-spacing: 0.1em;
	font-weight: bold;
}
.btn-blue2{
	width: 594px;
	margin: 0 auto;
}

.btn-blue2 a{
	background: #0081cc;
	/* background-image: url(https://id-biz.smt.docomo.ne.jp/img/pc_btn-bg.png); */
	background-repeat: no-repeat;
	background-size: 10px 15px;
	background-position: right 3% center;
	padding: 15px 25px 15px 15px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	text-align: center;
	line-height: 1em;
}
.btn-blue2 a{
	display: block;
}
.btn-blue2 a span{
	color: #fff;
	font-weight: bold;
	letter-spacing: 0.1em;
}
.btn-blue3{
	background: #0081cc;
	background-image: url(https://id-biz.smt.docomo.ne.jp/img/pc_btn-bg-close.png);
	background-repeat: no-repeat;
	background-size: 15px 10px;
	background-position: right 3% center;
	padding: 15px 0;
	font-size: 18px;
	-webkit-appearance: none;
	display: block;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	border-radius: 8px;
	margin: 22px 0 0;
	font-weight: bold;
	line-height: 1;
	cursor: pointer;
	border:none;
	color: #fff;
	letter-spacing: 0.1em;
		font-weight: bold;

}

.btn-blue3.open {
	background: #0081cc;
	background-image: url(https://id-biz.smt.docomo.ne.jp/img/btn-bg-open.png);
	background-repeat: no-repeat;
	background-size: 15px 10px;
	background-position: right 3% center;
	padding: 15px 0;
	font-size: 18px;
	-webkit-appearance: none;
	display: block;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	border-radius: 8px;
	margin: 22px 0 0;
	font-weight: bold;
	line-height: 1;
	cursor: pointer;
	border:none;
	color: #fff;
	letter-spacing: 0.1em;
		font-weight: bold;

}

.fontsize-l{
	font-size: 18px;
}
.fontsize-m{
	font-size: 14px;
}
.fontsize-s{
	font-size: 13px;
}
.fontsize-xs{
	font-size: 12px;
}
.ico{
	margin: 0 10px 0 0;
}
img.ico{
    vertical-align: middle;

}

/* ============================================================== */
/* attention                                                      */
/* ============================================================== */
.attention{
	margin: 15px auto 10px;
}
/*
.attention-inner{
	background-image: url(https://id-biz.smt.docomo.ne.jp/img/ico-attention.jpg);
	background-repeat: no-repeat;
	background-position: 7% 50%;
	border: 7px solid #e9e9e9;
	padding: 6px 0 6px 45px;
  	width: auto;
}
*/
/*  20171005フィッシング告知用css  */

.attention-inner{
	border: 7px solid #e9e9e9;
}

.attention-inner .col1{
	background-image: url(https://id-biz.smt.docomo.ne.jp/img/ico-attention.jpg);
	background-repeat: no-repeat;
	background-position: 7% 50%;
	padding: 6px 0 6px 45px;
  	float: left;
  	color: #FFFFFF;
  	background-color:#FF0000;
  	width :110px
}

.attention-inner .col2{
  	float: left;
	padding: 6px 0 6px 20px;
}

.attention-inner .col2 a{
	color:#005180;
}

.attention-inner .col3{
  	float: left;
	padding: 6px 0 6px 20px;
}

.attention-inner .col3 a{
	color:#005180;
}


/* ここまでフィッシング */

/*  20180205　フィッシング告知用css (2段） */
/*
.attention-inner__left{
	float: left;
	height: 34px;
	padding-top: 12px;
	margin-left: 160px;
	vertical-align: middle;
}

.attention-inner__right{
	float: right;
	margin-right: 165px;
	text-align: left;
}
.attention-inner__right p{
	text-align: left;
}
*/
/* ここまでフィッシング */



.attention__btn_blue{
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 2px solid #2A80B9;
	box-sizing: border-box;
	display: inline-block;
	line-height: 1em;
	margin-left: 30px;
	padding: 10px 40px 10px;
}
.attention p{
	font-size: 14px;
	line-height: 1.5em;
   	margin: 2px ;
}

.gsc-search-box-tools .gsc-search-box .gsc-input {
	padding-right: 0 !important;
	font-family: Verdana, '游ゴシック', 'Yu Gothic', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 1;
}
input.gsc-search-button {
	margin-left: 0 !important;
}

/* noscriptタグ */
.attention_js_pc{
	color:#cc0081;
	width:1000px;
	font-size:14px;
	margin:0 auto 20px;
	line-height: 1.3;
}

.attention2{
/*	display: flex;*/
	display: table;
	margin: 10px auto;
	align-items: center;
	height: 60px;
	width: 1000px;
}

/* .attention2__box--left{*/
.attention2__box--title{
	display: table-cell;
	align-self: stretch;
	background-color: #cc0081;
	background-image: url("https://id-biz.smt.docomo.ne.jp/img/icon_attention_white.svg");
	background-size: 20px 20px;
	background-position: 10% 50%;
	background-repeat: no-repeat;
	color: #fff;
	font-size: 18px;
	padding-left: 45px;
/*	padding-top: 16px;*/
	width: 155px;
	vertical-align: middle;
}

/* .attention2__box--left p {*/
.attention2__box--title p {
	vertical-align: middle;
}

.attention2__box--center{
	display: table-cell;
	align-self: stretch;
	border-top: solid 1px #e9e9e9;
	border-bottom: solid 1px #e9e9e9;
	font-size: 18px;
	line-height: 1.3;
	padding: 8px 20px;
	width: 630px;
	vertical-align: middle;
}

.attention2__box--right{
	display: table-cell;
	align-self: stretch;
	border-top: solid 1px #e9e9e9;
	border-bottom: solid 1px #e9e9e9;
	border-right: solid 1px #e9e9e9;
	width: 150px;
/*	padding-top: 16px;*/
	font-weight: bold;
	vertical-align: middle;
}

.attention2__box--right a{
    padding-right: 25px;
    position:relative;
}

.attention2__box--right a:after{
	content: "";
    position: absolute;
    background: url(https://id-biz.smt.docomo.ne.jp/img/pc_textlink_arrow_Biz.png ) no-repeat center;
    width: 15px;
    height: 100%;
    right: 5px;
    top: 0;
}

.attention2__box--right a:hover{
	text-decoration: underline;
}

/* TOPページのみ適用　グローバルナビ（右端）用 -start- */
.sub-nav__developer{
	background-image: url(https://id-biz.smt.docomo.ne.jp/img/nav_icon_developer.gif) ;
	background-position: 10px 50%;
	background-size: 28px 26px;
}

#top .sub-nav__developer span{
	display: block;
	padding-left: 30px;
}

#top .sub-nav .sub-nav__developer a:hover{
	border-bottom: 3px solid #297DB9;
	color: #297DB9;
}
/* TOPページのみ適用　グローバルナビ（右端）用 -end-*/
/* ============================================================== */
/* .mainvisual                                                    */
/* ============================================================== */

.mainvisual{
	margin: 0 0 20px 0;
}
.biz .mainvisual{
	margin: 0 0 50px 0;
}
.mainvisual-inner{
	width: 1000px;
	height: 220px;
	background: url(https://id-biz.smt.docomo.ne.jp/img/pc_top_01.png) no-repeat;
	background-size: 100%;
	position: relative;
}
.biz .mainvisual-inner{
	background: url(https://id-biz.smt.docomo.ne.jp/img/pc_biz_mainvisual.jpg) no-repeat;
}
.mainvisual-inner-txt{
	width: 800px;
	height: auto;
	font-weight:bold;
	text-align: center;
	position: absolute;
	right:0;
	left:0;
	top: 60px;
	margin:0 auto;
}
.mainvisual-txt {
	width: 470px;
	position: absolute;
	left: 50px;
	bottom: 110px;
	letter-spacing: -0.1em;
	font-size: 17px;
}
.biz .mainvisual-txt {
	width: 540px;
	position: absolute;
	left: 50px;
	bottom: 95px;
	letter-spacing: -0.1em;
	font-size: 16px;
}
.mainvisual-account-btn a{
	width: 300px;
	position: absolute;
	left: 50px;
	bottom: 33px;
}

.mainvisual-account-btn2-grp{
	width:365px;
	position:absolute;
	right:0;
	left:0;
	bottom:33px;
	margin:0 auto;
}

.mainvisual-account-btn2 a{
	width:325px;
	position:relative;
	//left:50px;
	//bottom:33px;
}

.mainvisual-account-btn2-grp>.btn-blue{
	margin:0;
}

.biz .mainvisual-account-btn2 a{
	width: 370px;
	position: absolute;
	//left: 50px;
	//bottom: 30px;
}

.mainvisual-db-logo {
	top: 10px;
	left: 810px;
	position:absolute;
}
.mainvisual-db-logo img {
	width: 180px;
}


/* ============================================================== */
/* .main-info                                                      */
/* ============================================================== */

.main-info{
	margin: 0 0 20px 0;
}

.main-info .col2-wrap {
	margin-bottom: 20px;
}
/*
.main-info .col2-box .col {
	float: left;
	width: 495px;
	margin-left: 10px;
}
.main-info .col2-box .col:first-child {
	margin-left: 0;
}
.main-info .col2-box .col-inner {
	padding-left: 17px;
}
.main-info .col2-box .col-inner p {
	line-height: 1.3;
}
*/
.main-info ul {
    margin-left: 12px;
    margin-bottom: 5px;
}
.main-info li {
/*    border-bottom: 1px solid #e9e9e9;*/
    border-bottom: dashed 1px #efefef;
}
.main-info li a {
	font-size: 14px;
	display: block;
	padding: 10px 34px 10px 5px;
	color: #2e2e2e !important;
	line-height: 1.6;
	transition: all .3s;
	text-decoration: none !important;
	position: relative;
    box-sizing: border-box;
}
.main-info li a:after {
	content: "";
	position: absolute;
	background: url(https://id-biz.smt.docomo.ne.jp/img/pc_sidemenu-arrow-b.png) no-repeat center;
	width: 15px;
	height: 100%;
	right: 20px;
	top: 0;
}
.main-info li a:hover {
	background-color: #f8f8f8;
/*	color: #2a80b9 !important;*/
	color: #0081cc !important;
}

.main-info li{
	border-bottom: dashed 1px #efefef;
}

/* .left-box                                          */
.main-info .left-box{
	width: 490px;
	margin: 0 20px 0 0;
}

.main-info .left-box > .explain-txt{
	font-size: 14px;
	padding-left: 17px;
}

.main-info .left-box > .banner-img {
	margin-bottom: 30px;
	padding-left: 17px;
}

/* .right-box                                                    */
.main-info .right-box{
	width: 490px;
}
.main-info .right-box > .explain-txt{
	font-size: 14px;
	padding-left: 17px;
}

.main-info .right-box li a {
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
}

.main-info .info-date {
    display: inline-block;
    width: 115px;
}

.main-info .right-box > .banner-img {
	margin-bottom: 30px;
	padding-left: 17px;
}

.main-info .container>.banner-img {
	margin: 30px 0 50px 0;
	text-align: center;
}

.main-info .container>.banner-img img {
	width: 800px;
}

/* ============================================================== */
/* .guide                                                         */
/* ============================================================== */

.guide-title{
	border-left: 4px solid #cc0033;
	font-size: 16px;
	font-weight: bold;
	padding-left: 10px;
}
.guide-title img{
	margin: 0 10px 0 0;
}

.guide .cont-box ul{
	height: 165px;
	width: 920px;
	margin: 30px 40px;
}

.guide .cont-box li{
	width: 195px;
	float: left;
}
.guide .cont-box li{
	margin: 0 35px 0 0;
}

a.cont-box-link{
	font-size: 12px;
	color: #2e2e2e;
	/* background: url(https://id-biz.smt.docomo.ne.jp/img/pc_guide-ls.png) no-repeat 0 10px;*/
	background: url(https://id-biz.smt.docomo.ne.jp/img/pc_guide-ls-blue-Biz.png) no-repeat 0 10px;
	background-size: 6px;
	display: block;
	height: 20px;
}
a.cont-box-link span{
	padding: 0 0 0 10px;
	line-height: 1.5em;
	display: inline-table;
}
a.cont-box-link:hover span{
 text-decoration:underline;
}

/* ガイドリンク用 */
.guide-btn{
	text-align: right;
	padding-right: 25px;
    position: relative;
    vertical-align: middle;
}
.guide-btn a{
	font-size: 14px;
	color: #2e2e2e;
}
.guide-btn a:after{
	content: "";
    position: absolute;
    background: url(https://id-biz.smt.docomo.ne.jp/img/pc_sidemenu-arrow-b.png) no-repeat center;
    width: 15px;
    height: 100%;
    right: 5px;
    top: 0;
}
.guide-btn a:hover span{
 text-decoration:underline;

}
.guide .new-account-banner{
	margin: 0 auto 15px;
}

/* メニューリンク */
#fMenu{
	border-top:1px solid #CCCCCC;
	background-color:#F5F5F5;
	font-size:12px;
	width:100%;
}
#fMenu .contener{
	width: 810px;
	margin: 0 auto;
	color:#FFFFFF;
	text-align:left;
	padding:10px 0;
}
#fMenu ul li{
	display:inline;
	margin-right:10px;
}

.fmenu {
	margin:46px auto 0;
	width:100%;
	background-color:#F5F5F5;
    border-top:1px solid #CCCCCC;
}
.fmenu .contener{
	margin:10px auto 0;
	width:1000px;
	height:40px;
}
.fmenu ul {
	display:inline-block;
}
.fmenu ul li {
	display:inline-block;
	padding:0 0 0 10px;
	line-height:1;
}
.fmenu a {
	font-size:12px;
}
.fmenu a:hover {
 text-decoration:underline;
}

/* ============================================================== */
/* .flow                                                         */
/* ============================================================== */
.flow{
	margin: 0 0 50px 0;
}

.flow-title{
	margin: 0 0 10px 0;
	text-align: center;
}
.flow-inner{
	border: 7px solid #e9e9e9;
	padding: 45px;
}
.flow-img{
	text-align: center;
	width: 100%;
	box-sizing: border-box;
	border-top: solid 1px #e9e9e9;
	border-bottom: solid 1px #e9e9e9;
	border-left: solid 1px #e9e9e9;
	border-right: solid 1px #e9e9e9;
}
.flow-img img{
	width: 100%;
}



/* ============================================================== */
/* footer                                                         */
/* ============================================================== */


.biz footer{
	margin: 50px 0 0 0;
	background: url(https://id-biz.smt.docomo.ne.jp/img/biz_footer-bg.jpg) repeat-x 0 bottom;
}
.pagetop {
	display: none;
	position: fixed;
	right:11px;
	bottom: 10px;
	z-index: 1;
}
.pagetop.fixed{
	display: block;
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:1s;
	-ms-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
	0% { opacity: 0; -webkit-transform: translateY(-10px); }
	100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
	0% { opacity: 0; -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); }
	100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.pagetop a{

}
.pagetop a span{
	padding: 0 0 0 20px;
}
/*
footer {
	margin: 0 0 0;
    text-align: center;
    border-top: 2px solid #0081cc;
}
*/
footer .container{
}
.footer-inner{
	height: 70px;
	width: 1000px;
	position: relative;
}
.fnav {
	position: absolute;
	top: 20px;
	left: 45px;

}
.fnav li{
	float: left;
	padding: 0 20px;
}
.fnav li a{
	font-size: 14px;
	color: #2e2e2e;
	background: url(https://id-biz.smt.docomo.ne.jp/img/pc_guide-ls.png) no-repeat 7px 7px;
}
.fnav li a:hover span{
 text-decoration:underline;
}
.fnav li span{
	padding: 0 0 0 20px;
}
/*
.copyright {
    padding: 5px 0 120px;
    color: #2e2e2e;
	font-size: 14px;
}
*/

/* sub-nav */
#top .sub-nav {
	border-bottom: 1px solid #e9e9e9;
	font-size: 14px;
}
#top .sub-nav li {
	display: table;
	float: left;
	width: 152px;
	border-right: 1px #e9e9e9 solid;
}
#top .sub-nav li {
	width: 265px;
}
#top .sub-nav li:first-child {
	border-left: 1px #e9e9e9 solid;
	width: 154px;
}
#top .sub-nav li:first-child {
	width: 198px;
}
#top .sub-nav li.current a,
#top .sub-nav a:hover {
	border-bottom: 3px solid #0081cc;
	color: #0081cc;
}
#top .sub-nav a {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	height: 54px;
	color: #2e2e2e;
	line-height: 1.2;
	box-sizing: border-box;
	padding-top: 3px;
	border-bottom: 3px solid transparent;
}

#top h2.main {
	position: relative;
	font-size: 18px;
	line-height: 1.3;
	padding: 0 0 10px 17px;
	font-weight: bold;
/*	width :500px*/
}
#top h2.main:after {
	content: "";
	position: absolute;
	background: #0081cc;
	width: 4px;
	height: 18px;
	left: 0;
	top: 2px;
}

#top .txt {
	float:left;
	line-height: 1.3;
}

/* --------------------------------
  下層ページスタイル
-------------------------------- */
#lower .mb05 {
	margin-bottom: 5px !important;
}
#lower .mb10 {
	margin-bottom: 10px !important;
}
#lower .mb15 {
	margin-bottom: 15px !important;
}
#lower .mb20 {
	margin-bottom: 20px !important;
}

#lower .main-box {
	border: 1px solid #e9e9e9;
}
#lower .col2-wrap {
	margin-bottom: 20px;
}
#lower .col2-box .col {
	float: left;
	width: 246px;
	margin-left: 10px;
}
#lower .col2-box .col:first-child {
	margin-left: 0;
}
#lower .col2-box .col-inner {
	padding-left: 17px;
}
#lower .col2-box .col-inner p {
	line-height: 1.3;
}
#lower .main-inner {
	padding: 14px;
}

/* タイトル系 */
#lower h1 {
	font-size: 24px;
	padding: 14px 14px 8px;
	border-bottom: 2px solid #0081cc;
	line-height: 1.3;
	margin: 0;
}
#lower h2.main {
	position: relative;
	font-size: 18px;
	line-height: 1.3;
	padding: 0 0 10px 17px;
}
#lower h2.main:after {
	content: "";
	position: absolute;
	background: #0081cc;
	width: 4px;
	height: 18px;
	left: 0;
	top: 2px;
}

/* ボタン系 */
#lower .btn_function {
    position: relative;
}
#lower .main-box .main-inner .btn_function a {
    display: block;
    border-radius: 8px;
    background: #ffffff;
    border: 3px solid #cc0033;
    color: #cc0033;
    font-size: 18px;
    font-weight: bold;
    padding: 8px 25px 8px 8px;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
}
#lower .main-box .main-inner .btn_function a:hover {
	opacity: 0.6;
}
#lower .btn_function:before {
    background: url(https://id-biz.smt.docomo.ne.jp/img/sp_ico_link_arrow_r.png) no-repeat;
    background-size: 100%;
    background-position: center;
    content: "";
    display: block;
    height: 100%;
    right: 10px;
    position: absolute;
    width: 10px;
}
#lower .btn_strongest {
    position: relative;
}
#lower .main-box .main-inner .btn_strongest a {
    display: block;
    border-radius: 8px;
    background: #cc0033;
    border: 3px solid #cc0033;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 8px 25px 8px 8px;
    line-height: 1.2;
	text-align: center;
    text-decoration: none;
}
#lower .main-box .main-inner .btn_strongest a:hover {
	opacity: 0.6;
}
#lower .btn_strongest:before {
    background: url(https://id-biz.smt.docomo.ne.jp/img/sp_ico_link_arrow_w.png) no-repeat;
    background-size: 100%;
    background-position: center;
    content: "";
    display: block;
    height: 100%;
    right: 10px;
    position: absolute;
    width: 10px;
}
#lower .btn_nomal {
	position: relative;
}
#lower .btn_nomal a {
	display: block;
	border-radius: 8px;
	background: #ffffff;
	border: 3px solid #2a80b9;
	color: #2a80b9;
	font-size: 18px;
	font-weight: bold;
	padding: 8px 25px 8px 8px;
	line-height: 1.2;
	text-align: center;
	text-decoration: none !important;
}
#lower .btn_nomal a:hover {
	opacity: 0.6;
}
#lower .btn_nomal a:before {
	background: url(https://id-biz.smt.docomo.ne.jp/img/sp_ico_link_arrow_b.png) no-repeat;
	background-size: 100%;
	background-position: center;
	content: "";
	display: block;
	height: 100%;
	right: 10px;
	position: absolute;
	top: 0;
	width: 10px;
}
#lower .btn_strong {
	position: relative;
}
#lower .btn_strong a {
	display: block;
	border-radius: 8px;
	background: #2a80b9;
	border: 3px solid #2a80b9;
	color: #ffffff !important;
	font-size: 14px;
	font-weight: bold;
	padding: 8px 25px 8px 8px;
	line-height: 1.2;
	text-align: center;
	text-decoration: none !important;
}
#lower .btn_strong a:hover {
	opacity: 0.6;
}
#lower .btn_strong a:before {
	background: url(https://id-biz.smt.docomo.ne.jp/img/sp_ico_link_arrow_w.png) no-repeat;
	background-size: 100%;
	background-position: center;
	content: "";
	display: block;
	height: 100%;
	right: 10px;
	position: absolute;
	top: 0;
	width: 10px;
}
#lower .btn_strong {
    position: relative;
    margin-bottom: 15px;
}
#lower .btn_strong a {
    display: block;
    color: #ffffff;
    border-radius: 8px;
    background: #2a80b9;
    font-size: 14px;
    padding: 8px 25px 8px 11px;
    font-weight: bold;
    line-height: 1.2;
	text-align: center;
    text-decoration: none;
}
#lower .btn_strong a:hover {
	opacity: 0.6;
}
#lower .btn_strong:before {
    background: url(https://id-biz.smt.docomo.ne.jp/img/sp_ico_link_arrow_w.png) no-repeat;
    background-size: 100%;
    background-position: center;
    content: "";
    display: block;
    height: 100%;
    right: 10px;
    position: absolute;
    width: 10px;
}

/* リンク系 */
#lower a.link-arrow:after {
	content: " >";
}
#lower .link_arrow_right a{
	display: block;
	line-height: 1.3;
	color: #2a80b9;
	padding-bottom: 10px;
	text-decoration: underline;
	text-align: right;
}
#lower .link_arrow_center a{
	display: block;
	line-height: 1.3;
	color: #2a80b9;
	padding-top: 0px;
	padding-bottom: 10px;
	text-decoration: underline;
	text-align: center;
}
#lower .link_arrow_left a{
	display: block;
	line-height: 1.3;
	color: #2a80b9;
	padding-top: 0px;
	padding-bottom: 10px;
	text-decoration: underline;
	text-align: left;
}
#lower .right {
    text-align: right;
}
#lower .center {
    text-align: center;
}
#lower .main-box a {
	color: #2a80b9;
	line-height: 1.3;
	text-decoration: underline;
}
#lower .link_blank span{
	position: relative;
}
#lower .link_blank span:before {
	content: "";
	display: inline-block;
	position: absolute;
	background: url("https://id-biz.smt.docomo.ne.jp/img/sidemenu-arrow-other.png") no-repeat center;
	width: 15px;
	height: 100%;
	left: -18px;
	top: 0;
}

/* お知らせ一覧 */
#lower .update_lst_blk {
    font-size: 14px;
    line-height: 1.3;
    padding-left: 17px;
}
#lower .update_lst_blk dl {
    margin-bottom: 10px;
}
#lower .update_lst_blk dt {
    float: left;
    line-height: 1.3;
    width: 115px;
}
#lower .update_lst_blk dd {
    float: right;
    width: 370px;
    padding-left: 10px;
    line-height: 1.3;
    box-sizing: border-box;
}
#lower .update_lst_blk dd a {
    text-decoration: underline;
}

/* テキスト系 */
#lower .txt {
	line-height: 1.3;
	padding-bottom: 14px;
}
#lower .txt_strong {
	line-height: 1.3;
	padding-bottom: 7px;
	font-weight: bold;
}
#lower .txt_strong_l {
	line-height: 1.3;
	font-size: 16px;
	padding-bottom: 3px;
	font-weight: bold;
}
#lower span.span_bold{
	display: inline-block;
	font-weight: bold;
}

#lower .lead_l {
	line-height: 1.3;
	padding-bottom: 7px;
	font-weight: bold;
	font-size: 16px;
}

/* リスト系 */
#lower .link-list li {
	line-height: 1.3;
	margin-top: 10px;
}
#lower .link-list li:first-child {
	margin-top: 0;
}
#lower .link-list li a {
	line-height: 1.3;
}
#lower .list li {
	line-height: 1.3;
	margin-top: 10px;
}
#lower .list li:first-child {
	margin-top: 0;
}
#lower .txt-list li {
	line-height: 1.2;
	margin-top: 5px;
}
#lower .txt-list li:first-child {
	margin-top: 0;
}
#lower .txt li {
	line-height: 1.2;
	margin-top: 10px;
}
#lower .txt li:first-child {
	margin-top: 0;
}
#lower .ul_link_list {
	line-height: 1;
}
#lower .ul_link_list li {
	font-size: 14px;
	line-height: 1.3;
	margin-top: 10px;
}
#lower .ul_link_list li:first-child {
	margin-top: 0;
}
#lower .ul_link_list li a {
	color: #2a80b9;
	font-size: 14px;
	line-height: 1.3;
	text-decoration: underline;
}
/* 下層ページスタイルここまで */


/* 汎用 */
.mt5 {
	margin-top: 5px;
}
.mt10 {
	margin-top: 10px;
}
.mt15 {
	margin-top: 15px;
}
.mt20 {
	margin-top: 20px;
}
.mt25 {
	margin-top: 25px;
}
.mt30 {
	margin-top: 30px;
}
.mt35 {
	margin-top: 35px;
}
.mt40 {
	margin-top: 40px;
}
.mb5 {
	margin-bottom: 5px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb15 {
	margin-bottom: 15px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb25 {
	margin-bottom: 25px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb35 {
	margin-bottom: 35px;
}
.mb40 {
	margin-bottom: 40px;
}
/* ============================================================== */
/* googleカスタム検索                                             */
/* ============================================================== */

.gsc-search-box-tools .gsc-search-box .gsc-input {
	padding-right: 0 !important;
	font-family: Verdana, '游ゴシック', 'Yu Gothic', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 1;
}
.gsc-control-cse{
	margin:0 !important;
	padding:0 !important;
	border:none !important;
	background:transparent !important;
}
form.gsc-search-box{
	margin:0 !important;
}
table.gsc-search-box td.gsc-input{
	padding:0 !important;
}
.gsc-input-box{
	height:25px;
	border:1px solid #D9D9D9;
	background-color: #FFFFFF;
	overflow: hidden;
}
.gsib_a{
	padding-top:0px !important;
	padding-right:0px !important;
	padding-left:8px !important;
}
.gsib_b {
	display: none;
}
.gscb_a{
	display:none !important;
}
input.gsc-search-button{
	height:13px;
	width:13px;
	background-color: #3079ED;
	border:1px solid #3079ED;
	border-radius:2px;
	margin-top:5px !important;
	padding:6px 27px;
}


/* ============================================================== */
/* 運営者向け情報用                                                 */
/* ============================================================== */

.ctop dt{
	margin: 12px 0 0;
	padding: 1px 0 1px 8px;
	border-left: 3px solid #cc0033;
	line-height: 1;
	font-weight: bold;
}
.ctop dd{
	margin: 10px 0 0;
}
i.mandatory {
	display: inline-block;
	margin: -6px 0 -5px 10px;
	padding: 4px 6px;
	background: #cc0033 none;
	font-size: 12px;
	color: #fff;
	line-height: 1;
	vertical-align: middle;
}
/* フォーム要素 */

input[type=text],
input[type=password],
input[type=email],
input[type=number],
input[type=tel] {
	-webkit-appearance: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 10px;
	border: 1px solid #ababab;
	border-radius: 0;
	font-size: 14px;
	font-weight: bold;
}
input[type=text].err,
input[type=password].err,
input[type=email].err,
input[type=number].err,
input[type=tel].err {
	background: #feeeee none;
	border: 1px solid #cc0033;
}

input.button_submit {
	-webkit-appearance: none;
	display: block;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	width: 82%;
	border-radius: 16px;
	margin: 31px 0 0;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1;
	cursor: pointer;
	margin-left: auto;
	margin-right: auto;
	padding: 19px 0;
}
a.button_submit {
	-webkit-appearance: none;
	display: block;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	width: 80%;
	border-radius: 16px;
	margin: 22px 0 0;
	text-decoration: none;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
	cursor: pointer;
}

.main_inner_02 .button_submit{
	margin: 0;
}

/* input.button_submit:first-child {margin: 0;} */
.form + input.button_submit {margin: 19px 0 0;}

.radio_wrap,
.checkbox_wrap {
	display: block;
	padding: 6px 0;
	line-height: 1;
}
.radio_gender {
	display: inline-block;
	float: left;
	margin-right: 20px;
}

input[type=checkbox],
input[type=radio] {
	vertical-align: baseline;
	margin: 0;
	cursor: pointer;
}

label {
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
	vertical-align: baseline;
	cursor: pointer;
}

.bnr_area {
	display: none;
	position: fixed;
	left: 0;
	bottom: 15px;
	-webkit-filter: drop-shadow(0px 3px 10px rgba(0,0,0,.5));
    filter: drop-shadow(0px 0px 10px rgba(0,0,0,.5));
	z-index: 100;
}

div.appli_bnr {
	/* display: flex; */
}

div.appli_bnr img {
	height: 60px;
}

/* .bnr_area{
	display: none;
	position: fixed;
	bottom: 5px;
	right: 10px;
	z-index: 1;
}

.appli_bnr{
	position: fixed;
	bottom: 5px;
	right: 60px;
} */
/*
.bnr_area.fixed{
	display: block;
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:1s;
	-ms-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	visibility: visible !important;
}
*/


/* .bnrImg {
	max-width: 440px;
	margin-right:10px;
}

.bnrClose {
	position:absolute;
	right: 10px;
	top: 0;
	width: 25px;
	height: 25px;
} */


/* フォームエラーメッセージ、エラー表示 */

.err_mes {
	margin: 10px 0 0;
	padding: 2px 5px 2px 5px;
	/* padding: 2px 4px 2px 1.3em; */
	background: #d8355d none;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	line-height: 1.3;
}

.err_mes:first-child{
	margin: 0;
}
.input_err {
	border: 1px solid #d8365f;
	background: #feeeee none;
	font-weight: bold;
}
.nextaction {
	padding: 19px 0;
	background: #2a80b9 none;
	border: none;
	color: #fff;
}
.nextaction:active {
	padding: 20px 0 18px 2px;
}
.nextaction:hover {
	background: #226694;
	color: #ccc;
}
.nextaction[disabled="disabled"]:hover {
	background: #2a80b9 none;
	color: #fff;
}

/* ============================================================== */
/* ctop_help用                                                    */
/* ============================================================== */
.category_faq li {
    border-bottom: 1px solid #e9e9e9;
}
.category_faq li a {
	display: block;
	padding: 10px 34px 10px 35px;
	color: #2e2e2e !important;
	line-height: 1.6;
	transition: all .3s;
	text-decoration: none !important;
	position: relative;
}
.category_faq li a:after {
	content: "";
	position: absolute;
	background: url(https://id-biz.smt.docomo.ne.jp/img/pc_sidemenu-arrow-b.png) no-repeat center;
	width: 15px;
	height: 100%;
	right: 5px;
	top: 0;
}

.category_faq li a:before{
	content: "";
	position: absolute;
	background: url(https://id-biz.smt.docomo.ne.jp/img/pc_icon_troubledFace.png) no-repeat center;
	width: 30px;
	height: 100%;
	left: 0px;
	top: 0;
}

/*
.category_faq li a:before{
	content:"Q.";
	color:#2a80b9;
	margin-right:5px;
	font-weight: bold;
	position: absolute;
	top: 50%;
	left: 10px;
	margin-top: -13px;
}
*/
.category_faq li a:hover {
	background-color: #f8f8f8;
	color: #2a80b9 !important;
}


/* ============================================================== */
/* アプリ2段階認証告知用                                             */
/* ============================================================== */

.appli_2step{
  width: 1000px;
  margin: 0 auto 10px;
}


/*２段階認証用バナー--start--*/
table.banner {
  width: 1000px;
  border-spacing: 4px !important;
  background-color: #cc0033;
  border-collapse: separate;
  table-layout: auto;
  vertical-align: bottom;
}

table.banner th,
table.banner td {
  margin: 10px 0 0 0  !important;
  text-align: left  !important;
  font-weight: bold;
}
 
table.banner th {
  width: 400px;
  border: 1px solid #ffffff  !important; /* 内側に1pxの線 */
  color: #ffffff;
  font-size: 18px;
  background-color: #cc0033;
  vertical-align:bottom !important;
  padding:5px 8px 5px 8px;
}
 
table.banner td {
  font-size: 14px !important;
  background: #ffffff;
  padding: 5px 8px 5px 20px;
  vertical-align:middle;
  line-height: 1;
}

table.banner th img{
  vertical-align: middle !important;
  width: 24px;
  height: 24px;
  font-size: 12px;
}

table.banner td p {
  display: inline-block;
  padding: 5px 0;
  line-height: 1;
}

table.banner td a:hover {
  text-decoration: underline;
}

table.banner td img{
  vertical-align: middle;
  width: 24px;
  height: 24px;
  float: right;
  font-size: 12px;
}

table.banner tr th > span.ycolor {
color:#fcee21;
}


#twostepbnr {
  display:none;
}

#twostepbnr.container{
	background-color: #ffffff;
	padding: 2px 0 6px 0;
	position:absolute;
	top:254px;
	left: 0;
	right: 0;
	margin: auto;
	z-index:200;
}

/*２段階認証用バナー--end--*/

/*ビジネスdアカウントの魅力はこちら--start--*/
.daccount-info{
	margin: 0 0 20px 0;
}
.daccount-info_center {
	position: relative;
	text-align: center;
	font-size: 18px;
	line-height: 1.3;
	padding: 0 0 10px 17px;
	font-weight: bold;
}
.daccount-info_center a:hover{
 text-decoration:underline;

}
/*ビジネスdアカウントの魅力はこちら--end--*/

/*ビジネスdアカウントのバナー追加--start--*/
.daccount-info_banner_l {
	padding: 0 0 10px 0px;
	text-align: center;
}
.daccount-info_banner_l img{
	width: 400px;
	height:100px;
}
.daccount-info_banner_r {
	padding: 0 0 10px 0px;
	text-align: center;
}
.daccount-info_banner_r img{
	width: 400px;
	height:100px;
}
/*ビジネスdアカウントのバナー追加--end--*/