/* CSS Document */

.heading-round,
.heading-round-block {
    padding-top: 3px;
}
.heading-round-frame span {
    padding: 0.2em 0.5em 0;
}

#content .campaign_visual {
	margin: -15px -15px 19px;
}
.indent {
	display: block;
	text-indent: -1em;
	padding-left: 1em;
}
.indent2 {
	display: block;
	text-indent: -2em;
	padding-left: 2em;
}
.block {
    display: block !important;
}

.v-bottom{
	vertical-align: bottom;
}

.spNone{
	display:block;
}
@media only screen and (max-width: 640px) {
  #directb #breadcrumbs {
    margin: 0;
    padding: 10px 0 20px;
  }
  .spNone{
	display:none;
}
}
#directb #content_side .button-warning-noarrow {
  display: block;
}
#directb .pdl-none {
  padding-left: 0 !important;
}
#directb .pdl-xs {
  padding-left: 0.5em !important;
}
#directb .pdl-sm {
  padding-left: 1em !important;
}
#directb .pdl-md {
  padding-left: 1.5em !important;
}
#directb .pdl-lg {
  padding-left: 2em !important;
}
#directb .pdl-xl {
  padding-left: 3em !important;
}
#directb .pdr-none {
  padding-right: 0 !important;
}
#directb .pdr-xs {
  padding-right: 0.5em !important;
}
#directb .pdr-sm {
  padding-right: 1em !important;
}
#directb .pdr-md {
  padding-right: 1.5em !important;
}
#directb .pdr-lg {
  padding-right: 2em !important;
}
#directb .pdr-xl {
  padding-right: 3em !important;
}
#directb .db {
  display: block;
}
#directb .cir {
  display: block;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  font-style: normal;
  width: 5em;
  height: 5em;
  font-weight: bold;
  text-align: center;
  font-size: 11px;
  font-size: 1.1;
  line-height: 1.1;
  position: relative;
}
#directb .cir span {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  display: block;
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
#directb .cir_c_g {
  background-color: #01973e;
  color: #fff;
}
#directb .gr_arw_l {
  display: block;
  background-image: url(/kojin/netdirect/img/usual_gr_left.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 640px) {
  #directb .sp_gr_arw_b {
    height: 2em;
    display: block !important;
    background-image: url(/kojin/netdirect/img/usual_gr_bottom.svg) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
  }
}
#directb .flow_arw {
  margin-bottom: -1px;
  position: relative;
}
#directb .flow_arw:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  bottom: -20px;
  left: 50%;
  border-style: solid;
  border-width: 20px 20px 0 20px;
  border-color: #E2DCD4 transparent transparent transparent;
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  z-index: 50;
}
#directb .flow_arw_gr {
  background-color: #f5f5f5;
  margin-bottom: -1px;
  position: relative;
}
#directb .flow_arw_gr:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  bottom: -20px;
  left: 50%;
  border-style: solid;
  border-width: 20px 20px 0 20px;
  border-color: #E2DCD4 transparent transparent transparent;
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  z-index: 50;
}
#directb .flow_arw_none {
  margin-bottom: 2em !important;
}
#directb .flow_arw_none:before {
  display: none !important;
}
#directb .icon_title_header {
  text-align: center;
}
#directb .icon_title_header h2 {
  font-size: 29px;
  font-size: 2.9;
}
#directb .icon_title_header img {
  width: 1.5em;
  height: auto;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.2em;
}
#directb .slick-next {
  right: 0;
  background-image: url(/assets/arrow/usual_wh_left.svg) !important;
}
#directb .slick-prev {
  left: 0;
  background-image: url(/assets/arrow/usual_wh_righ.svg) !important;
}
#directb .slick-prev, #directb .slick-next {
  width: 40px;
  height: 40px;
  background-color: #00a050;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px auto;
  z-index: 100 !important;
  opacity: 0;
  transition-property: opacity;
  transition-duration: 0.25s;
}
#directb .slick-prev:before, #directb .slick-next:before {
  display: none;
}
#directb .slider:hover .slick-prev, #directb .slider:hover .slick-next {
  opacity: 1;
}

.top_content_inner {
  width: 1008px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 640px) {
  .top_content_inner {
    width: auto;
  }
}
.top_content_inner:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#top_important_info {
  padding: 0.75em 0;
  position: relative;
  background: #fff;
}
@media only screen and (max-width: 640px) {
  #top_important_info {
    margin: 0 10px 10px 10px;
    padding: 0;
  }
}
#top_important_info h3 {
  margin: 0;
  position: absolute;
  font-weight: bold;
  color: #fff;
  background: #E90000;
  font-size: 1.4;
  font-size: 14px;
  text-align: center;
  width: 9em;
  line-height: 28px;
  height: 28px;
}
@media only screen and (max-width: 640px) {
  #top_important_info h3 {
    font-size: 1.3;
    font-size: 13px;
    width: 100%;
    position: relative;
    margin-bottom: 1em;
  }
}
#top_important_info h3:after {
  position: absolute;
  content: '';
  display: block;
  width: 0;
  height: 0;
  top: 0;
  right: -28px;
  border-style: solid;
  border-width: 14px;
  border-color: transparent;
  border-left-color: #E90000;
}
@media only screen and (max-width: 640px) {
  #top_important_info h3:after {
    display: none;
  }
}
#top_important_info ul {
  margin: 0;
  font-size: 1.4;
  font-size: 14px;
  /*padding-left: 11.8em; */
  list-style: none;
}
@media only screen and (max-width: 640px) {
  #top_important_info ul {
    padding-left: 0;
    font-size: 1.2;
    font-size: 12px;
  }
}
#top_important_info ul li {
  position: relative;
  padding: 0.25em 0 0.25em 2.5em;
  margin-bottom: 0.25em;
  font-weight: bold;
  color: #E90000;
}
@media only screen and (max-width: 640px) {
  #top_important_info ul li {
    padding-top: 0;
    padding-left: 2em;
  }
}
#top_important_info ul li:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  display: block;
  vertical-align: middle;
  width: 2em;
  height: 2em;
  background: url(/assets/icon/danger.png) no-repeat center center;
  background-size: contain;
}
@media only screen and (max-width: 640px) {
  #top_important_info ul li:before {
    width: 1.5em;
    height: 1.5em;
    margin-top: 0.2em;
  }
}

#directb {
  /* directb top */
  /* ====================== */
  /* kinri */
  /* ====================== */
  /* kuriage */
  /* ====================== */
  /* onetimepass */
  /* ====================== */
  /* qa */
  /* ====================== */
}
#directb.top {
  background: #fff;
}
#directb.top .v-middle {
  display: table;
}
#directb.top .v-middle a {
  display: table-cell;
  vertical-align: middle;
}
#directb.top .block_header-aside {
	padding-top:30px !important;
	margin:0 !important;
	border-top: 1px solid #E2DCD4;
}

#footer_box{
	font-size: 0.875rem;
	font-family: YuGothic, "游ゴシック", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	color: #333;
	line-height: 1.714;
}
.houjin_topics {
}
.houjin_topics dt {
	padding: 0.5em 0.2em 0;
	margin-bottom: 0.25em;
	min-height: 1.6em;
}
.houjin_topics .topics_date {
	display: inline-block;
	min-width: 8.5em;
	color: #999999;
}
.houjin_topics [class^='topics_icon'] {
	min-width:8.5em;
	margin: 0 0.25em;
	display: inline-block;
	font-size: 0.857em;
	text-align: center;
	border-radius: 3px;
	line-height: 1.6;
	padding: 0.1em 0.5em 0px;
	color: #FFF;
}
.houjin_topics .topics_icon-campaign {
	background: #2392b2;
}
.houjin_topics .topics_icon-notice {
	background: #116a84;
}
.houjin_topics .topics_icon-security {
	background:#FF9100;
}
.houjin_topics .topics_icon-important {
	background:#E60B1C;
	min-width:3.5em;
}
.houjin_topics .topics_icon-products  {
	background:#5931A1;
}
.houjin_topics .topics_icon-news {
	background:#00AB55;
}
.houjin_topics_btn-arrow::before {
	background-image: url(/assets/arrow/usual_or_down.png);
}
.houjin_topics_btn-arrow.on::before {
	background-image: url(/assets/arrow/usual_or_up.png);
}
.houjin_topics dd {
	border-bottom: 1px dotted #ccc;
	margin: 0;
	padding: 0 0.2em 0.75em;
}

@media only screen and (min-width: 641px) {
  #directb.top .box_area {
    width: 1008px;
    margin-left: auto;
    margin-right: auto;
  }
    #directb.top #content_main .box_area{
        width: 100%;
    }  
}
@media only screen and (max-width: 640px) {
  #directb.top .box_area {
    padding: 10px;
  }
}
#directb.top #top_main {
  position: relative;
  width: 100%;
  *zoom: 1;
  margin-bottom: 3em;
}
#directb.top #top_main:after {
  content: "";
  display: table;
  clear: both;
}
#directb.top #main_r {
  width: 230px;
  float: right;
}
@media only screen and (max-width: 640px) {
  #directb.top #main_r {
    width: 100%;
    float: none;
    margin-bottom: 30px;
  }
}
#directb.top #main_r .block-warning {
  display: block;
  text-decoration: none;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  padding: 1px;
  margin-bottom:0;
}
@media only screen and (max-width: 640px) {
  #directb.top #main_r .block-warning {
    text-align: left;
  }
}
#directb.top #main_r .block-warning:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}
#directb.top #main_r .block-warning .icon-danger:before {
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
}
#directb.top #main_r .direct_login {
  background-color: #007C3E;
  height: 175px;
  padding: 5px 10px;
  height:232px;
  box-sizing:border-box;
}

.direct_login_top{
	font-size:15px;
	color:#FFF;
}
#directb.top #main_r .direct_login a.login_ibsb_btn{
	display:block;
	padding:2px;
	box-sizing:border-box;
	color:#007c3e;
	font-weight:bold;
	text-align:center;
	font-size:12px;
	margin-top:3px;
	line-height:1.2;
	background-color:#EBF1DE;
	border-radius:3px;
	/*border:1px #007c3e solid;*/
	position:relative;
}
#directb.top #main_r .direct_login a.login_ibsb_btn:after {
	background-image: url(/assets/arrow/usual_or_left.png)!important;
	display: inline-block;
	content: '';
	vertical-align: -0.1em;
	margin-left:10px;
	margin-right:0;
	width: 1em;
	width:0.9em;
	height: 1em;
	background-repeat: no-repeat;
	background-position: 0 center;
	background-size: contain;
	position:absolute;
	right:0px;
	top:50%;
	margin-top:-0.5em;
}
#directb.top #main_r .direct_login a.login_ibsb_btn:hover{
	opacity:0.9;
}
.login_ibsb_btn_inner {
	display:block;
	padding:5px 0px;
	border:1px solid #01973e;
	border-radius:2px;
}
.login_ibsb_btn_sub {
	white-space:nowrap;
	font-size:10px;
	font-weight:normal;
}

@media only screen and (max-width: 640px) {
	.direct_login_top{
		background-color:#007C3E;
		margin-bottom:0px;
		padding:10px 0px 0.25em;
	}
	#directb.top #main_r .direct_login a.login_ibsb_btn {
		margin-top:10px;
	}
	#directb.top #main_r .direct_login.direct_login_ibsb a.login_ibsb_btn {
		color: #007c3e;
		padding:3px;
		max-width:265px;
		margin-left:auto;
		margin-right:auto;
	}
	#directb.top #main_r .direct_login.direct_login_ibsb a.login_ibsb_btn:hover {
		opacity:1;
	}
	
	#directb.top #main_r .block-warning {
			padding: 5px;
			margin-bottom: 5px;
		text-align:center;
	}

}

.fs_12p{
	font-size:12px;
}
.fs_11p{
	font-size:11px;
}
@media only screen and (max-width: 640px) {
  #directb.top #main_r .direct_login {
    background: none;
    height: auto;
    padding: 0;
  }
}
#directb.top #main_r .direct_login a{
  text-decoration: none;
}
.txt_dec_none{
  text-decoration: none;
}
@media only screen and (min-width: 641px) {
  #directb.top #main_r .direct_login a {
    color: #fff;
  }
  #directb.top #main_r .direct_login a:hover {
    color: #01973e;
  }
}
#directb.top #main_r .direct_login .loginbtn {
  display: block;
  width: 198px;
  height: 154px;
  background-image: url("/kojin/directb/img/loginbtn.png");
  background-position: center left;
  background-repeat: no-repeat;
  margin-bottom: 0.5em;
  color: #fff;
}
@media only screen and (max-width: 640px) {
  #directb.top #main_r .direct_login .loginbtn {
    width: auto;
    height: auto;
    background-image: url("/kojin/directb/img/home/login_icon.png");
    background-color: #ff9100;
    background-size: 25px 25px;
    padding: 15px 15px 15px 45px;
    background-position: 15px center;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
  }
}
#directb.top #main_r .direct_login .loginbtn b {
  display: none;
  font-size: 12px;
  font-size: 1.2;
}
#directb.top #main_r .direct_login .loginbtn b span {
  font-size: 18px;
  font-size: 1.8;
  margin-left: 0.3em;
}
@media only screen and (max-width: 640px) {
  #directb.top #main_r .direct_login .loginbtn b {
    display: block;
  }
}
#directb.top #main_r .direct_login .loginbtn:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}
#directb.top #main_r .direct_login .service_btn {
  padding-left: 1.45em;
  /*display: inline-block;*/
	display:block;
	padding:0.1em 0.5em 0.1em 3.5em;
	margin:6px 0px;
	color: #01973e;
	font-size:12px;
	font-weight:bold;
	border-radius:3px;
	background-color:#FFF;
}
#directb.top #main_r .direct_login .service_btn:hover {
	opacity:0.9;
}
.service_btn_wrap {
	list-style-type:none;
	padding:0px;
	margin:0px;
}
.service_btn_wrap::after {
	content:"";
	display:block;
	clear:both;
}
#directb.top #main_r .direct_login .service_btn:before {
  display: inline-block;
  content: '';
  vertical-align: -0.1em;
  margin-left: -1.25em;
  margin-right: 0.25em;
  width: 1em;
  height: 1em;
  background-repeat: no-repeat;
  background-position: 0 center;
  background-size: contain;
  /*background-image: url("/assets/arrow/usual_wh_left.png");*/
  background-image: url("/assets/arrow/usual_or_left.png");
}
#directb.top #main_r .direct_login.direct_login_ibsb a img{
	vertical-align: bottom;
}

@media only screen and (max-width: 640px) {
  #directb.top #main_r .direct_login.direct_login_ibsb{
	background-color: transparent;
	padding: 0px;
	height: auto;
	height: auto;
	box-sizing: border-box;
	color:#fff;
	letter-spacing: normal;
  }
  
  #directb.top #main_r .direct_login {
    letter-spacing: -0.4em;
  }
  #directb.top #main_r .direct_login .net_login_btn a {
    max-width: 200px;
    display: block;
    margin: auto;
  }
	.service_btn_wrap {
		display:flex;
		flex-flow: row wrap;
		background-color:#007C3E;
		padding:0px 16px 0.5em;
	}
  #directb.top #main_r .direct_login .service_btn {
		width:calc(50% - 0.5em);
		max-width:265px;
		padding: 0.35em 0.5em 0.35em 2em;
		margin-left:auto;
		margin-right:auto;
    box-sizing: border-box;
    letter-spacing: normal;
		position:relative;
  }
  #directb.top #main_r .direct_login .service_btn:nth-child(even) {
		margin-left:1em;
	}
  #directb.top #main_r .direct_login .service_btn:before {
		position:absolute;
		top:50%;
		left:1em;
		margin-top:-0.5em;
		margin-left:0px;
    background-image: url("/assets/arrow/usual_or_left.png");
  }
	#directb.top #main_r .direct_login a.login_ibsb_btn:after {
		width:1.5em;
	}
  #directb.top #main_r .direct_login .service_btn + br {
    display: none;
  }
	#directb.top #main_r .direct_login .service_btn-login {
		padding:0.15em;
		text-align:center;
		color:#FFF;
		background-color:#ff9100;
		background-image:none;
	}
	#directb.top #main_r .direct_login .service_btn-login:before {
		content:none;
	}
	#directb.top #main_r .direct_login .service_btn-login b {
		display:block;
		padding: 0.2em 0.35em;
		border:1px solid #FFF;
		border-radius:3px;
	}
	.houjin_topics_btn {
		padding-bottom:1em;
	}
}
@media only screen and (max-width: 390px) {
  #directb.top #main_r .direct_login .service_btn {
		width:100%;
  }
  #directb.top #main_r .direct_login .service_btn:nth-child(even) {
		margin-left: auto;
	}
}
#directb.top #main_l {
  width: 756px;
  float: left;
  position: relative;
}
@media only screen and (max-width: 640px) {
  #directb.top #main_l {
    width: 100%;
    float: none;
  }
}
#directb.top #main_l img {
  width: 100%;
}
#directb.top .heading-section {
  font-size: 28px;
  font-size: 2.8;
}
#directb.top .catch_area {
  background: #fcf8e3;
  border: 1px solid #e8af7a;
  padding: 15px 31px;
  margin-bottom: 2em;
}
#directb.top .btn_link a {
  font-size: 16px;
  font-size: 1.6;
  display: block;
  text-align: center;
  line-height: 1.1;
}
@media only screen and (max-width: 640px) {
  #directb.top .btn_link a {
    font-size: 14px;
    font-size: 1.4;
  }
}
#directb.top .btn_link a b {
  font-size: 22px;
  font-size: 2.2;
}
@media only screen and (max-width: 640px) {
  #directb.top .btn_link a b {
    font-size: 18px;
    font-size: 1.8;
  }
}
#directb.top .btn_link span {
  display: table;
  text-align: center;
  margin: 0 auto;
}
#directb.top .btn_link strong {
  display: table-cell;
  vertical-align: middle;
}
#directb.top .btn_link img {
  display: table-cell;
  vertical-align: middle;
  width: 2.5em;
  height: 2.5em;
  margin-right: 0.5em;
}
#directb.top #tab_btn {
  list-style: none;
  padding: 0;
  margin: 0;
  letter-spacing: -0.4em;
  border-left: 2px solid #01973e;
  font-size: 0;
}
#directb.top #tab_btn li {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  letter-spacing: normal;
  width: 50%;
  padding: 5px 25px;
  cursor: pointer;
  font-size: 20px;
  font-size: 2;
  font-weight: bold;
  line-height: 1.2;
  padding: 0.7em 1em;
  text-align: center;
  border-right: 2px solid #01973e;
  border-bottom: 2px solid #01973e;
  border-top: 2px solid #01973e;
  color: #01973e;
  -moz-transition: ease-in-out 0.2s;
  -o-transition: ease-in-out 0.2s;
  -webkit-transition: ease-in-out 0.2s;
  transition: ease-in-out 0.2s;
}
@media only screen and (max-width: 640px) {
  #directb.top #tab_btn li {
    font-size: 14px;
    font-size: 1.4;
    padding: 0.7em 0.5em;
  }
}
#directb.top #tab_btn li.select {
  background: #01973e;
  color: #fff;
  position: relative;
}
#directb.top #tab_btn li.select:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: -12px;
  left: 50%;
  margin-left: -6px;
  border-style: solid;
  border-width: 12px 12px 0 12px;
  border-color: #01973e transparent transparent transparent;
}
#directb.top #tab_btn li:hover {
  background: #01973e;
  color: #fff;
  -moz-transition: ease-in-out 0.2s;
  -o-transition: ease-in-out 0.2s;
  -webkit-transition: ease-in-out 0.2s;
  transition: ease-in-out 0.2s;
}
#directb.top #tab_btn li br {
  display: none;
}
@media only screen and (max-width: 640px) {
  #directb.top #tab_btn li br {
    display: block;
  }
}
#directb.top #tab_area div.tab_box {
  *zoom: 1;
  padding: 40px 30px;
  background: #F6F6F6;
  border: 2px solid #E1E1E1;
  border-top: none;
}
.tab_box-normalSec{
  padding: 40px 30px;
  background: #F6F6F6;
  border: 2px solid #E1E1E1;
  border-bottom: none;
}
.tab_box-normalSec-first{
    border-top: none;
}
.tab_box-normalSec-last{
  border-bottom: 2px solid #E1E1E1;
}
#directb.top #tab_area div.tab_box:after {
  content: "";
  display: table;
  clear: both;
}
@media only screen and (max-width: 640px) {
  #directb.top #tab_area div.tab_box {
    padding: 30px 20px;
  }
    .tab_box-normalSec{
        padding: 30px 20px;
    }
}
#directb.top #tab_area h3 {
  line-height: 1.2;
}
@media only screen and (max-width: 640px) {
  #directb.top #tab_area h3 {
    margin-bottom: 1em;
  }
}
@media only screen and (max-width: 640px) {
  #directb.top #tab_area .button {
    font-size: 14px;
    font-size: 1.4;
  }
}
#directb.top .hide {
  display: none;
}
#directb.top .login_btn {
  list-style: none;

  padding: 0;
  margin: 0;
  letter-spacing: -0.4em;
}
#directb.top .login_btn li {
  width: 48%;
  display: inline-block;
  letter-spacing: normal;
}
@media only screen and (max-width: 640px) {
  #directb.top .login_btn li {
    width: 100%;
    margin-right: 0 !important;
  }
}
#directb.top .login_btn li:first-child {
  margin-right: 4%;
}
#directb.top .login_btn li a.ib_pnl_list,
#directb.top .login_btn li .ib_pnl_list {
  position: relative;
  text-decoration: none;
  clear: both;
  display: block;
  overflow: hidden;
  color: #000 !important;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
#directb.top .login_btn li a.ib_pnl_list:first-child,
#directb.top .login_btn li .ib_pnl_list:first-child {
  *zoom: 1;
  padding: 20px 20px 5em 20px;
  padding-right: 160px;
  box-sizing: border-box;
  border: 1px solid #E2DCD4;
  border-bottom: 4px solid #E2DCD4;
  /*margin-bottom: 1em;*/
  background-position: 10px center;
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: 10px 15px;
  height: auto;
  min-height:290px;
}


#directb.top .login_btn li a.ib_pnl_list:first-child:after,
#directb.top .login_btn li .ib_pnl_list:first-child:after {
  content: "";
  display: table;
  clear: both;
}
@media only screen and (max-width: 640px) {
	#directb.top .login_btn li.login_btn_hajimete01 {
		margin-bottom:1em;
	}
	#directb.top .login_btn li a:first-child{
	text-align: center;
	margin-bottom: 0.5em;
	padding: 15px 10px 12px 10px;
	}
	  
	#directb.top .login_btn li a.ib_pnl_list:first-child,
	#directb.top .login_btn li .ib_pnl_list:first-child  {
		padding:10px;
		height: auto;
	  min-height:auto;
	}
  
}

#directb.top .login_btn li a:first-child strong,
#directb.top .login_btn li strong  {
  color: #66A5DF;
}

@media only screen and (max-width: 640px) {
  #directb.top .login_btn li a:first-child strong {
    padding: 0;
    margin: 0;
  }
}

#directb.top .login_btn li a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}
#directb.top .login_btn li a:last-child:hover {
  color: #ff9100;
}
#directb.top .login_btn li img {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 154px;
}

.login_btn.clearfix:after {
  content: "";
  display: block;
  clear: both; }

#directb.top .login_btn li.login_btn_hajimete01 {
	float:left;
}
#directb.top .login_btn li.login_btn_hajimete02 {
	float:right;
}

#directb.top .login_btn li.login_btn_hajimete02 img {
	width:100%;
	height:auto;
	position:static;
	margin-bottom: 1em;
}
#directb.top .login_btn li strong {
  display: block;
  padding-top: 10px;
  font-size: 16px;
  font-size: 1.6;
  line-height: 1.4;
  margin-bottom: 0.5em;
}

#directb.top .login_btn li.login_btn_hajimete01.difficulty_btn{
    width: 60%;
    margin: 0 auto;
    float: none;
    display: block;
}


@media only screen and (max-width: 640px) {
  #directb.top .login_btn li strong {
    font-size: 12px;
    font-size: 1.2;
    line-height: 1.2;
  }
  #directb.top .login_btn li.login_btn_hajimete02{
	display:none;
}
}
#directb.top .login_btn li strong b {
  font-size: 21px;
  font-size: 2.1;
  display: block;
  margin-bottom: 0.2em;
  text-decoration: underline;
}

@media only screen and (max-width: 640px) {
	
  #directb.top .login_btn li strong b {
    font-size: 15px;
    font-size: 1.5;
  }
}

.directbBtn2Col{
	
}


#directb.top .login_btn li button,
.directbBtn2Col {
  position: absolute;
  bottom: 20px;
}

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

#directb.top .login_btn li button,
.directbBtn2Col {
  position: inherit;
  bottom: 0;
}
#directb.top .login_btn li strong {
  text-align:center;
}
.directbBtn2Col{
	padding-bottom:10px;
}
.directbBtn2Col a{
	display:block;
	margin:10px auto 0 !important;
	width:50%;
}

}

#directb.top .login_btn li p {
  line-height: 1.4;
}
#directb.top .login_btn li table img {
  width: 110px;
  position: static;
  margin-right:0.5em;
}
#directb.top .login_btn li.login_btn_02 strong {
  color: #F08300 !important;
}
#directb.top .login_btn li .arrow-or {
  line-height: 1.2;
  font-size: 13px;
  font-size: 1.3;
}
#directb.top #bnr_img_03 {
  margin-top: 1em;
  margin-bottom: 2em;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  text-decoration: none;
  color: #000;
  font-weight: bold;
  background-position: center right;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("/kojin/directb/img/home/home_img_03.jpg");
  background-color: #fff;
  padding: 30px;
  line-height: 1.4;
}
@media only screen and (max-width: 640px) {
  #directb.top #bnr_img_03 {
    text-align: center;
    background-size: cover;
    padding: 30px 10px;
  }
}
#directb.top #bnr_img_03 strong {
  font-size: 30px;
  font-size: 3;
  padding-bottom: 0.3em;
  line-height: 1.2;
}
@media only screen and (max-width: 640px) {
  #directb.top #bnr_img_03 strong {
    font-size: 18px;
    font-size: 1.8;
    text-shadow: 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff;
  }
}
#directb.top #bnr_img_03 p {
  margin: 0;
  font-size: 16px;
  font-size: 1.6;
}
@media only screen and (max-width: 640px) {
  #directb.top #bnr_img_03 p {
    font-size: 12px;
    font-size: 1.2;
    text-shadow: 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff;
  }
}
#directb.top #bnr_img_03:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}
#directb.top #tab01_col div.col_box {
  *zoom: 1;
  letter-spacing: -0.4em;
  margin-bottom: 1.5em;
  position: relative;
}
#directb.top #tab01_col div.col_box:after {
  content: "";
  display: table;
  clear: both;
}
@media only screen and (max-width: 640px) {
  #directb.top #tab01_col div.col_box {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0.5em;
  }
}
#directb.top #tab01_col div.col_box div {
  text-align: center;
  letter-spacing: normal;
  width: 72%;
  margin-right: 3%;
  margin-left: 5%;
  padding: 20px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  display: inline-block;
  vertical-align: bottom;
  font-weight: bold;
  background: #fff;
  border: 2px solid #E2DCD4;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 20px;
  font-size: 2;
  line-height: 1.2;
}
@media only screen and (max-width: 640px) {
  #directb.top #tab01_col div.col_box div {
    font-size: 15px;
    font-size: 1.5;
    width: 80%;
    padding: 10px 20px 10px 30px;
    margin-left: 10%;
    margin-right: 10%;
  }
}
#directb.top #tab01_col div.col_box div b {
  color: #e26d6d;
  font-weight: bold;
  font-size: 25px;
  font-size: 2.5;
}
@media only screen and (max-width: 640px) {
  #directb.top #tab01_col div.col_box div b {
    font-size: 23px;
    font-size: 2.3;
    display: inline-block;
  }
}
#directb.top #tab01_col div.col_box img.r_img {
  width: 20%;
  display: inline-block;
  vertical-align: bottom;
}
#directb.top #tab01_col div.col_box i {
  display: block;
  position: absolute;
  top: 20px;
  left: 15px;
  width: 60px;
  height: 60px;
}
@media only screen and (max-width: 640px) {
  #directb.top #tab01_col div.col_box i {
    width: 40px;
    height: 40px;
    top: 0;
    left: 15px;
  }
}
#directb.top .top-service-icon-internet,
#directb.top .top-service-icon-sp,
#directb.top .top-service-icon-mobile,
#directb.top .top-service-icon-telephone {
  padding-left: 30%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
}
@media only screen and (max-width: 640px) {
  #directb.top .top-service-icon-internet,
  #directb.top .top-service-icon-sp,
  #directb.top .top-service-icon-mobile,
  #directb.top .top-service-icon-telephone {
    background: none !important;
    padding-right: 0;
  }
}
#directb.top .top-service-icon-internet {
  background-image: url(/kojin/directb/img/service/icon-service-internet.png);
}
#directb.top .top-service-icon-sp {
  background-image: url(/kojin/directb/img/service/icon-service-sp.png);
}
#directb.top .top-service-icon-telephone {
  background-image: url(/kojin/directb/img/service/icon-service-telephone.png);
}
#directb.top .top-service-icon-mobile {
  background-image: url(/kojin/directb/img/service/icon-service-mobile.png);
}
#directb.top .top-service-icon {
  text-align: center;
}
#directb.top .top-service-icon img {
  width: 180px;
}
@media only screen and (max-width: 640px) {
  #directb.top .top-service-icon {
    padding-left: 0;
    min-height: auto;
  }
  #directb.top .top-service-icon img {
   /* display: none;*/
  }
}
#directb.top #top_topics {
  padding: 40px 0 30px;
  background: #FFF;
  font-size: 0.875rem;
}
#directb.top #top_topics #topics_tabs {
  display: table;
  width: 100%;
  font-size: 1rem;
  border-bottom: solid 1px #00a050;
}
#directb.top #top_topics #topics_tabs > div {
  position: relative;
  box-sizing: border-box;
  display: table-cell;
  padding: 0.95em 0.5em;
  width: 25%;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border-style: solid;
  border-width: 5px 1px 0 1px;
  border-color: #FFF;
}
#directb.top #top_topics #topics_tabs > div::before {
  position: absolute;
  content: '';
  width: 1px;
  height: 1.25em;
  left: -1px;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #00a050;
}
#directb.top #top_topics #topics_tabs > div.is-active + div::before {
  display: none;
}
#directb.top #top_topics #topics_tabs > div:first-child::before {
  display: none;
}
#directb.top #top_topics #topics_tabs > div:hover {
  background: #E5F4EB;
}
#directb.top #top_topics #topics_tabs > div.is-active {
  cursor: default;
  border-color: #00a050;
  border-bottom-color: transparent;
  background: inherit;
}
#directb.top #top_topics #topics_tabs > div.is-active::after {
  position: absolute;
  content: '';
  width: 100%;
  height: 1px;
  left: 0;
  bottom: -1px;
  background: #FFF;
}
#directb.top #top_topics .topics_content {
  display: none;
}
#directb.top #top_topics .topics_content.is-active {
  display: block;
}
#directb.top #top_topics .topics_list dt {
  padding-top: 0.8em;
  padding-bottom: 0.8em;
  color: #999999;
  border-bottom: 1px dotted #E2DCD4;
}
#directb.top #top_topics .topics_list dd {
  padding-top: 0.8em;
  padding-bottom: 0.8em;
  padding-left: 10em;
  border: none;
  border-bottom: 1px dotted #E2DCD4;
}
#directb.top #top_topics .topics_icon-important {
  padding: 2px 0.75em 2px 1.35em;
  letter-spacing: 0.5em;
  margin-right: 0.5em;
  color: #FFF;
  background: #e90000;
  border-radius: 0.75em;
}
#directb.top #top_topics #topics_extra {
  padding-top: 1em;
  border-top: solid 1px #dedede;
}
#directb.top #top_topics #topics_extra h3::before {
  content: "";
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  vertical-align: -0.3em;
  margin-right: 0.25em;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("/assets/icon/warning.png") !important;
}
@media only screen and (max-width: 640px) {
  #directb.top #top_topics {
    padding: 1.2rem 0;
    background: #FFF;
    font-size: 0.875rem;
  }
  #directb.top #top_topics .top_content_inner {
    margin: 0;
  }
  #directb.top #top_topics #topics_tabs {
    box-sizing: border-box;
    display: table;
    width: 100%;
    padding: 0 5px;
    font-size: 0.8125rem;
    border-collapse: separate;
    border-spacing: 5px 0;
    border-bottom: solid 2px #00a050;
  }
  #directb.top #top_topics #topics_tabs > div {
    position: relative;
    box-sizing: border-box;
    display: table-cell;
    padding: 0.48em 0.25em;
    width: 25%;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border-style: solid;
    border-width: 1px 1px 0 1px;
    border-color: #cccccc;
    border-radius: 5px 5px 0 0;
  }
  #directb.top #top_topics .topics_content {
    display: none;
  }
  #directb.top #top_topics .topics_content.is-active {
    display: block;
  }
  #directb.top #topics_tabs > div.is-active {
    cursor: default !important;
    color: #FFF !important;
    border-color: #00a050 !important;
    background: #00a050 !important;
    border-bottom-color: transparent !important;
  }
  #directb.top #top_topics .topics_content {
    display: none;
    margin: 0 10px;
  }
  #directb.top #top_topics .topics_content.is-active {
    display: block;
  }
  #directb.top #top_topics .topics_list dt {
    color: #999999;
    border-bottom: none;
  }
  #directb.top #top_topics .topics_list dd {
    border: none;
  }
  #directb.top #topics_tabs > div.is-active:after {
    display: none !important;
  }
  #directb.top #top_topics .topics_icon-important {
    padding: 1px 0.75em 1px 1.35em;
    letter-spacing: 0.5em;
    margin-right: 0.5em;
    color: #FFF;
    background: #e90000;
    border-radius: 0.75em;
  }
  #directb.top #top_topics #topics_extra {
    margin: 0 10px;
    padding: 1em 0 0;
    border-top: solid 1px #dedede;
  }
  #directb.top #top_topics #topics_extra ul {
    margin-top: 0;
    margin-bottom: 0;
  }
  #directb.top #top_topics dl.topics_list {
    position: relative;
  }
  #directb.top #top_topics dl.topics_list dt {
    padding: 0 0.5em;
    width: inherit;
    position: inherit;
  }
  #directb.top #top_topics dl.topics_list dd {
    padding: 0.2em 0.5em 0.5em 0.5em;
    margin: 0 0 0.5em;
    border-bottom: dotted 1px #ccc;
  }
}
#directb.top #footer_box .button-danger {
  display: block;
  margin-left: 0;
  margin-right: 0;
  font-size: 18px;
  font-size: 1.8;
  line-height: 1.2;
}
@media only screen and (max-width: 640px) {
  #directb.top #footer_box .button-danger {
    text-align: left;
    font-size: 15px;
    font-size: 1.5;
  }
}
#directb.top #footer_box .button-danger span {
  font-size: 13px;
  font-size: 1.3;
}
@media only screen and (max-width: 640px) {
  #directb.top #footer_box .button-danger span {
    font-size: 10px;
    font-size: 1;
  }
}
#directb.top #footer_box .block-danger h4 {
  font-size: 23px;
  font-size: 2.3;
}
@media only screen and (max-width: 640px) {
  #directb.top #footer_box .block-danger h4 {
    font-size: 18px;
    font-size: 1.8;
  }
}
#directb .block_header-danger2 {
  background-color: #e26d6d;
  color: #fff;
  border-bottom: solid 1px #dedede;
  margin: -15px -15px 15px -15px !important;
  padding: 10px 15px;
}
#directb.kanri .info_box .font-xs {
  letter-spacing: -0.025em;
}
#directb.kanri .info_box figure {
  width: 6em;
  height: 6em;
  margin: 0.5em auto;
}
@media only screen and (max-width: 640px) {
  #directb.kanri .info_box figure {
    display: none;
  }
}
@media only screen and (max-width: 640px) {
  #directb.kanri .info_box span br {
    display: none;
  }
  #directb.kanri .info_box .bd_dot_r {
    border-bottom: 1px dotted #E2DCD4 !important;
    padding-bottom: 1em;
    margin-bottom: 1em;
  }
}
#directb.kanri .acMenu {
  color: #fff;
  padding: 0.5em 1.5em;
  margin-top: 1em;
  background-color: #01973e;
  line-height: 1.2;
}
#directb.kanri .acMenu h2 {
  line-height: 1.2;
}
@media only screen and (max-width: 640px) {
  #directb.kanri .acMenu h2 {
    background-image: url(../../../assets/arrow/usual_wh_down.svg);
    background-position: right center;
    background-color: #01973e;
    background-repeat: no-repeat;
    background-size: 15px 20px;
    padding-right: 3em;
    font-size: 15px;
    font-size: 1.5;
  }
  #directb.kanri .acMenu.active h2 {
    background-image: url(../../../assets/arrow/usual_wh_up.svg);
  }
}
#directb.kanri .acBox {
  padding: 2em 1.5em;
  margin-bottom: 1em;
  border: 1px solid #E2DCD4;
}
#directb.kanri .bd_dot_r {
  border-right: 1px dotted #E2DCD4 !important;
}
#directb.kanri .bdc_g {
  border-color: #01973e !important;
}
@media only screen and (max-width: 640px) {
  #directb.kanri .sp_bd-none {
    border: none !important;
  }
}
#directb .clx {
  *zoom: 1;
}
#directb .clx:after {
  content: "";
  display: table;
  clear: both;
}
#directb .clrall {
  clear: both;
}
#directb .inline-block {
  display: inline-block;
}
#directb .nowrap {
  white-space: nowrap;
}
@media only screen and (max-width: 640px) {
  #directb .nowrap {
    white-space: normal;
  }
}
#directb .font-xss {
  font-size: 0.75rem;
}
#directb .indent-1c {
  text-indent: -1em;
  margin-left: 1em;
}
#directb table.table-text-all-center th, #directb table.table-text-all-center td {
  text-align: center;
}
#directb.login .remarks-table {
  line-height: 1.2;
}
#directb.login .remarks-table .mark-cols {
  width: 12%;
  text-align: center;
}
#directb.login .remarks-table span {
  display: inline-block;
}
#directb.login .flow-arrow-after:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 50px 0 50px;
  border-color: #aaaaaa transparent transparent transparent;
  margin: 1.5em auto;
}
@media only screen and (max-width: 640px) {
  #directb.new .flow-arrow-right {
    padding-right: 15px;
  }
}
#directb.new .flow-arrow-right-block {
  position: relative;
}
#directb.new .flow-arrow-right-block:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #aaaaaa;
  right: -5px;
  top: 50%;
  margin-top: -15px;
}
#directb.new .flow-arrow-after:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 50px 0 50px;
  border-color: #aaaaaa transparent transparent transparent;
  margin: 1.5em auto;
}
#directb.new .alignright {
  float: right;
  width: 25%;
  margin-left: 1em;
  margin-bottom: 1em;
}
@media only screen and (max-width: 640px) {
  #directb.new .alignright {
    width: 30%;
  }
}
#directb.new .alignright.width-sm {
  width: 30%;
}
#directb.new .alignright.width-xs {
  width: 20%;
}
#directb.new .heading-round + p {
  display: inline-block;
}
@media only screen and (max-width: 640px) {
  #directb.new .heading-round + p {
    display: block;
  }
}
#directb.merit .flow-arrow-after:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 50px 0 50px;
  border-color: #aaaaaa transparent transparent transparent;
  margin: 1.5em auto;
}
#directb.merit .btn_link a {
  display: block;
  text-align: left;
  line-height: 1.1;
}
#directb.merit .btn_link span {
  display: table;
  text-align: left;
}
#directb.merit .btn_link strong {
  display: table-cell;
  vertical-align: middle;
}
#directb.merit .btn_link strong i {
  display: inline-block;
  font-style: normal;
}
#directb.merit .btn_link img {
  display: table-cell;
  vertical-align: middle;
  width: 2.5em;
  height: 2.5em;
  margin-right: 0.5em;
}
#directb.login_important01 .block-primary .section_body-line {
  padding-left: 0;
  padding-right: 0;
}
#directb.login_important01 .haraikomi_table {
  table-layout: fixed;
}
#directb.login_important01 .haraikomi_table tr td:first-child {
  width: 70%;
}
#directb.service .button-block-danger.gaika {
  line-height: 1.3;
}
#directb.service .vertical-middle {
  display: table;
}
#directb.service .vertical-middle > div {
  display: table-cell;
  vertical-align: middle;
}
#directb.service .index_body-icon_area {
  width: 50%;
  margin: auto;
}
#directb.service .index_body-icon_area img {
  width: 100%;
  height: auto;
}
#directb.service .icon-service,
#directb.service .icon-items {
  background-repeat: no-repeat;
  background-position: 15px center;
  background-size: 45px 45px;
  padding-left: 65px;
}
#directb.service .icon-service-netgika,
#directb.service .icon-service-nettoushin,
#directb.service .icon-service-internet,
#directb.service .icon-service-sp,
#directb.service .icon-service-telephone,
#directb.service .icon-service-mobile {
  background-repeat: no-repeat;
  background-position: 15px center;
  background-size: 60px 60px;
  padding-left: 75px;
}
#directb.service .section_header.icon-service,
#directb.service .section_header.icon-items {
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 40px 40px;
  padding-left: 60px;
}
@media only screen and (max-width: 640px) {
  #directb.service .section_header.icon-service,
  #directb.service .section_header.icon-items {
    background-position: 5px center;
    background-size: 30px 30px;
    padding-left: 40px;
  }
}
#directb.service .icon-service {
  background-image: url(/kojin/directb/img/service/icon-service.png);
}
#directb.service .icon-items {
  background-image: url(/kojin/directb/img/service/icon-items.png);
}
#directb.service .icon-service-netgika {
  background-image: url(/kojin/directb/img/service/icon-gaika.png);
}
#directb.service .icon-service-nettoushin {
  background-image: url(/kojin/directb/img/service/icon-toushin.png);
}
#directb.service .icon-service-internet {
  background-image: url(/kojin/directb/img/service/icon-service-internet.png);
}
#directb.service .icon-service-sp {
  background-image: url(/kojin/directb/img/service/icon-service-sp.png);
}
#directb.service .icon-service-telephone {
  background-image: url(/kojin/directb/img/service/icon-service-telephone.png);
}
#directb.service .icon-service-mobile {
  background-image: url(/kojin/directb/img/service/icon-service-mobile.png);
}
#directb.service .service-icons {
  float: right;
}
#directb.service .service-icons img {
  vertical-align: bottom;
  width: 40px;
  height: auto;
}
#directb.service .service-icons + h2 {
  float: left;
}
@media only screen and (max-width: 640px) {
  #directb.service .service-icons, #directb.service .service-icons + h2 {
    float: none;
  }
}

.side_local_heading a.directb_h3 {
    margin: -5px -15px;
    padding: 5px 25px 5px 15px;
    display: block;
    color: #FFF!important;
    text-decoration: none;
    background: url(/assets/arrow/usual_wh_left.png) no-repeat 205px center;
    background-size: auto 16px;
}
.side_local_heading a.directb_h3:hover {
	color: #ff9100!important;
}

@media only screen and (max-width: 640px) {
.side_local_heading a.directb_h3 {
    background: none;
}
}

.side_local_heading a {
    margin: 0;
    padding: 0;
    background: none;
}

#directb.service .item_right-image {
  display: table;
  width: 100%;
}
#directb.service .item_right-image > * {
  display: table-cell;
  vertical-align: middle;
}
#directb.service .item_right-image > p {
  width: 40px;
  padding-right: 1em;
}
#directb.service .item_right-image > p img {
  width: 100%;
  height: auto;
}
#directb.service .item_right-image > div h2 {
  margin-right: 1em;
}
@media only screen and (max-width: 640px) {
  #directb.service .item_right-image > div h2 {
    margin-right: 0;
  }
}
#directb.service .item_right-image > div span {
  display: inline-block;
}
@media only screen and (max-width: 640px) {
  #directb.service .item_right-image > div span {
    display: block;
  }
}
#directb.service .icon-toushin:before {
  background-image: url(/kojin/directb/img/service/icon-toushin.png);
}
#directb.service .icon-gaika:before {
  background-image: url(/kojin/directb/img/service/icon-gaika.png);
}
#directb.service .alignright {
  float: right;
  width: 30%;
  margin-left: 1em;
  margin-bottom: 1em;
}
#directb.service .alignright img {
  width: 100%;
  height: auto;
}
#directb.service table.envos_table {
  table-layout: fixed;
}
#directb.service table.envos_table th, #directb.service table.envos_table td {
  width: 50%;
  text-align: center;
}
#directb .fontType_IL{
		font-family: "monospace", Verdana, "Helvetica Neue", "メイリオ", Meiryo, sans-serif;
	}
#directb.service table.service-table th, #directb.service table.service-table td {
  text-align: center;
  line-height: 1.5;
  word-wrap: break-word;
  overflow-wrap: break-word;
  padding: 8px 3px;
  box-sizing: border-box;
}
#directb.service table.service-table .th-sub_row {
  background: rgba(219, 242, 226, 0.4);
}
#directb.service table.service-table .no-respond {
  background-color: #ececec;
}
#directb.service .border-right-none {
  border-right: none;
}
#directb.service .border-left-none {
  border-left: none;
}
#directb.service table.service-main-table .col_g1 {
  width: 32%;
}
#directb.service table.service-main-table .col_g2, #directb.service table.service-main-table .col_g3 {
  width: 34%;
}
#directb.service table.service-base-table .col_g1 {
  width: 25%;
}
#directb.service table.service-base-table .col_g2, #directb.service table.service-base-table .col_g3, #directb.service table.service-base-table .col_g6 {
  width: 15%;
}
#directb.service table.service-base-table .col_g4, #directb.service table.service-base-table .col_g5 {
  width: 15%;
}
#directb.service table.service-gaika-table .col_g1, #directb.service table.service-gaika-table .col_g2 {
  width: 4%;
}
#directb.service table.service-gaika-table .col_g3 {
  width: 17%;
}
#directb.service table.service-gaika-table .col_g6, #directb.service table.service-gaika-table .col_g7 {
  width: 15%;
}
#directb.service table.service-gaika-table .col_g4, #directb.service table.service-gaika-table .col_g5, #directb.service table.service-gaika-table .col_g8 {
  width: 15%;
}
#directb.service table.service-syokai-table colgroup {
  width: 20%;
}
#directb.service table.service-point {
  table-layout: fixed;
}
#directb.service table.service-point th {
  width: 25%;
}
#directb.service .flow-arrow-right {
  padding-right: 25px;
}
@media only screen and (max-width: 640px) {
  #directb.service .flow-arrow-right {
    padding-right: 0;
  }
}
#directb.service .flow-arrow-right-block {
  position: relative;
}
@media only screen and (max-width: 640px) {
  #directb.service .flow-arrow-right-block {
    padding-bottom: 15px;
    margin-bottom: 10px;
  }
}
#directb.service .flow-arrow-right-block:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #aaaaaa;
  right: -5px;
  top: 50%;
  margin-top: -15px;
}
@media only screen and (max-width: 640px) {
  #directb.service .flow-arrow-right-block:after {
    border: none;
    border-style: solid;
    border-width: 10px 10px 0px 10px;
    border-color: #aaaaaa transparent transparent transparent;
    top: 100%;
    right: 50%;
    margin-left: -15px;
    margin-top: -15px;
  }
}
#directb.service table.hurikomi_tesuryo-table th, #directb.service table.hurikomi_tesuryo-table td {
  text-align: center;
}
#directb.service table.hurikomi_tesuryo-table th {
  width: 18%;
}
#directb.service table.hurikomi_tesuryo-table th:first-child {
  width: 28%;
}
#directb.service .hurikomi_tesuryo-table-caption td {
  width: 25%;
  position: relative;
  vertical-align: middle;
  border: none;
}
#directb.service .hurikomi_tesuryo-table-caption td:before {
  content: "";
  width: 1em;
  height: 1em;
  display: inline-block;
  border: 1px solid #CCC;
  position: absolute;
  top: 50%;
  margin-top: -0.7em;
}
#directb.service .hurikomi_tesuryo-table-caption td span {
  display: inline-block;
  padding-left: 1.5em;
}
#directb.service .hurikomi_tesuryo-bg_01,
#directb.service .hurikomi_tesuryo-pattern_01:before {
  background-color: #FFF;
}
#directb.service .hurikomi_tesuryo-bg_02,
#directb.service .hurikomi_tesuryo-pattern_02:before {
  background-color: #fff3b1;
}
#directb.service .hurikomi_tesuryo-bg_03,
#directb.service .hurikomi_tesuryo-pattern_03:before {
  background-color: #ffd282;
}
#directb.service .hurikomi_tesuryo-bg_04,
#directb.service .hurikomi_tesuryo-pattern_04:before {
  background-color: #ffd2d2;
}
#directb.service .left-circle-list .left-circle-list-container {
  *zoom: 1;
  margin-top: 2em;
}
#directb.service .left-circle-list .left-circle-list-container:after {
  content: "";
  display: table;
  clear: both;
}
#directb.service .left-circle-list .left-circle-list-container .left-circle-list-header {
  display: table;
  margin-bottom: 1em;
}
#directb.service .left-circle-list .left-circle-list-container .left-circle-list-header h4, #directb.service .left-circle-list .left-circle-list-container .left-circle-list-header p {
  display: table-cell;
  vertical-align: middle;
}
#directb.service .left-circle-list .left-circle-list-container .left-circle-list-header h4 {
  padding-left: 1em;
  font-weight: bold;
  line-height: 1.5;
}
#directb.service .left-circle-list .left-circle-list-container .left-circle-list-header p {
  width: 5em;
  height: 5em;
  vertical-align: middle;
  text-align: center;
  background-color: #F08505;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  color: #FFF;
  position: relative;
  line-height: 1.25;
}
#directb.topics .topics-service-ref-table th {
  text-align: left;
}
#directb.topics .topics-service-ref-table td {
  text-align: center;
}
#directb.topics .topics-service-ref-table .th-sub_row {
  background: rgba(219, 242, 226, 0.4);
}
#directb.kuriage .th-row.pale {
  background: #f2f9f5;
}
#directb.kuriage .circle {
  width: 5.4em;
  height: 5.4em;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  background: #F08505;
  border-radius: 50%;
  color: #fff;
  line-height: 1.3;
}
@media only screen and (max-width: 640px) {
  #directb.kuriage .circle {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 0;
    padding: .4em 1em;
    text-align: left !important;
  }
}
#directb.onetimepass table.border-none td {
  border: none;
}
#directb.qa .section_body-line:last-child {
  border-bottom: none;
}
#directb.qa .col-3 .button-block {
  display: table;
}
#directb.qa .col-3 .button-block span {
  display: table-cell;
  vertical-align: middle;
}
#directb.qa table.Identification * {
  border: none;
}
#directb.qa table.Identification .w70 {
  width: 75%;
}
#directb.qa table.Identification .description {
  vertical-align: bottom;
}
#directb.qa table.Identification td:first-child table td, #directb.qa table.Identification td:first-child th {
  border: 1px solid #ccc;
}
#directb.qa table.Identification table {
  border-collapse: collapse;
}
#directb.qa table.Identification table .bg-pale {
  background: #f2f9f5;
}
#directb.qa table.Identification table th.th-row {
  background: #dbf2e2;
}
#directb.qa table.Identification table th, #directb.qa table.Identification table td {
  padding: 4px 2px;
}
#directb.qa .col-4 a {
  display: table;
}
#directb.qa .col-4 a span {
  display: table-cell;
  vertical-align: middle;
}
@media only screen and (max-width: 640px) {
  #directb.qa .faq_q {
    position: relative;
  }
  #directb.qa .faq_q.on:after {
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }
  #directb.qa .faq_q:after {
    position: absolute;
    content: "";
    display: block;
    width: 1em;
    height: 1em;
    border-right: 2px solid #00A050;
    border-bottom: 2px solid #00A050;
    top: 0;
    right: 1em;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: .3s ease-in-out;
  }
  #directb.qa .faq_a {
    display: none;
  }
}
/*#directb.mpn .table_wrap table * {
  border: none;
}
#directb.mpn .table_wrap table {
  border: 1px solid #ccc;
}
#directb.mpn table.border {
  border: 1px solid #ccc;
}*/


.linkimage{
	position:relative;
}
.linkimage .link1{
	position:absolute;
	width:218px;
	height:47px;
	top:306px;
	left:35px;
}
.linkimage .link2{
	position:absolute;
	width:218px;
	height:47px;
	top:525px;
	left:244px;
}
.linkimage .link3{
	position:absolute;
	width:218px;
	height:47px;
	top:306px;
	left:264px;
}
.linkimage .link4{
	position:absolute;
	width:218px;
	height:47px;
	top:525px;
	left:470px;
}
.linkimage .link5{
	position:absolute;
	width: 450px;
    height: 47px;
    top: 128px;
    left: 33px;
}
.linkimage .link6{
	position: absolute;
    width: 165px;
    height: 47px;
    top: 128px;
    left: 524px;
}
.linkimage a{
	display:block;
	height:47px;
}
.linkimage a:hover{
	background:#FFF;
	opacity:0.2;
}
.linkimage2{
	position:relative;
}
.linkimage2 .link1{
	position:absolute;
	width:218px;
	height:47px;
	top:306px;
	left:35px;
}
.linkimage2 .link2{
	position:absolute;
	width:218px;
	height:47px;
	top:525px;
	left:244px;
}
.linkimage2 .link3{
	position:absolute;
	width:218px;
	height:47px;
	top:306px;
	left:264px;
}
.linkimage2 .link4{
	position:absolute;
	width:218px;
	height:47px;
	top:525px;
	left:470px;
}
.linkimage2 .link5{
	position: absolute;
    width: 445px;
    height: 47px;
    top: 130px;
    left: 35px;
}
.linkimage2 .link6{
	position: absolute;
    width: 165px;
    height: 47px;
    top: 130px;
    left: 525px;
}
.linkimage2 a{
	display:block;
	height:47px;
}
.linkimage2 a:hover{
	background:#FFF;
	opacity:0.2;
}
ul.flowlist{
	padding:0;
}
ul.flowlist li{
	list-style:none;
	background:url(/kojin/directb/img/lost/arrow.png) no-repeat center bottom 12px;
	padding-bottom:54px;
}
ul.flowlist li p{
	padding: 17px;
	background:#F1F0EC;
	border:#E2DCD4 solid 1px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	margin:0;
}
ul.flowlist li.green p{
	border:#01973E solid 3px;
	color:#01973E;
	background:#FFF;
}
ul.flowlist li.end{
	background:none;
	text-align:center;
	padding-bottom:0;
}
ul.flowlist li.end p{
	display:inline-block;
	border:#01973E solid 3px;
	color:#01973E;
	background:#FFF;
	padding:13px 25px;
}
ul.flowlist li.end p .b{
	font-size:20px;
	font-weight:bold;
}
p.in{
	padding-left:20px;
	padding-right:20px;
}
.onetime{
	margin-top:50px;
	font-size:12px;
}
#loginstep .newslist{
	padding:0;
}
#loginstep .newslist li{
	list-style:none;
	border-bottom:#E2DCD4  dotted 1px;
}
#loginstep .newslist li .n_date{
	margin-bottom:0px;
	margin-top:13px;
}
#loginstep .more{
	text-align:right;
}
#loginstep .imp{
	margin-top:10px;
}
#loginstep .col_row a{
	text-decoration:none;
}
#loginstep .block-strong .block_header-strong{
	padding:30px 15px;
}
#loginstep .block-strong p{
	font-size: 26px;
	text-align: center;
}
#loginstep .block-danger .block_header-danger2{
	font-size:14px;
	padding: 9px 15px;
}
#loginstep .block-danger p{
	font-size:25px;
	color:#e26d6d;
}
#loginstep .mgb-md.bana img{
	width:100%;
	height:auto;
}
.fontbg1{
	padding: 3px 10px;
	background-color: #FFF799;
}
.kuriage .listbg{
	border: rgb(228, 228, 228) solid 1px;
	padding: 7px 10px;
	border-left: #01973E solid 3px;
}
.topbutton_001{
	margin:10px 0 0;
}
.centerwrap{
	max-width:756px;
	margin:30px auto 0;
}
.inbg{
	padding: 15px;
	margin-bottom: 15px;
	background: #fcfae8;
	border: 1px solid #CCC;
}
.inbg table td{
	padding-left:10px;
	font-size:12px;
	padding-bottom:10px;
	vertical-align:top;
}
/*170302追加*/
.oshirase_link:hover,
.oshirase_link:link,
.oshirase_link:visited {
	text-decoration: none;
	color:#FFF;
	}
.indent1X{
	padding-left: 1em;
	text-indent: -1em;
	}	
.indent2X{
	padding-left: 2em;
	text-indent: -1em;
	}		
.clearfix:after{
	clear: both;
	}
#directb.top .login_btn li.okomari {
    width: 100% !important;
	height: auto !important;
    letter-spacing: normal;
	display:block;
}	
.posi_rel{
	position: relative;
}
.wd100-ht_auto{
	width: 100% !important;
	height: auto !important;
	}
@media only screen and (min-width: 641px) {	

#directb.top .login_btn li a.img_height195:first-child {
    padding: 20px 20px 5em 20px;
    padding-right: 160px;
    box-sizing: border-box;
    border: 1px solid #E2DCD4;
    border-bottom: 4px solid #E2DCD4;
    margin-bottom: 1em;
    background-position: 10px center;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: 10px 15px;
    min-height: 195px !important;
}	
}	
@media only screen and (max-width: 640px) {	
.img_height195{
	height: auto !important;
	}
}		

#directb.top .login_btn li .Btn_form :first-child {
    padding: 20px 20px 5em 20px;
    padding-right: 160px;
    box-sizing: border-box;
    border: 1px solid #E2DCD4;
    border-bottom: 4px solid #E2DCD4;
    margin-bottom: 1em;
    background-position: 10px center;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: 10px 15px;
}
.txt_deco_none{
	text-decoration: none !important;
	}
	
	
#directb .taiken_otoiawase{
	margin: 0;
}

#directb .taiken_otoiawase .col-4{
	padding:0;
	padding-right: 10px;
}

@media screen and (max-width: 640px){
#directb .taiken_otoiawase .col-4{
	padding-right: 0;
}
}



#directb .taiken_otoiawase .col-4:last-child{
	padding:0;
}

#directb .taiken_otoiawase .col-4 .index_item-border {
    padding: 16px 6px;
}

.loginstep_header{
	background-image: url(/kojin/directb/img/service/icon-service-ibsb.png);
    background-repeat: no-repeat;
    background-position:97% center;
    background-size: 60px 60px;
    padding-right: 75px;
}

@media screen and (max-width: 640px){
#loginstep .block-strong .block_header-strong{
	padding:94px 15px;
}
}

.block-login{
	border-color: #ff9100;
	background: #fff9f1;
	color:#ff9100;
}

.loginstep_bk_g,
.loginstep_bk_b{
	border-radius:3px;
	width:49%;
	color:#fff;
	font-size:0.9em;
	text-align:center;
	padding:0;
}

.loginstep_bk_g a,
.loginstep_bk_b a{
	color:#fff;
	padding:15px;
	display:block;
}

.loginstep_bk_g a:hover,
.loginstep_bk_b a:hover{
	opacity:0.7;
}


.loginstep_bk_g{
	background: #2d9256;
}

.loginstep_bk_b{
	background:#2e5f8a;
	float:right;
}

.loginstep_bk_g p.button-warning-noarrow,
.loginstep_bk_b p.button-danger-noarrow{
	width:100%;
	margin:0;
	vertical-align:middle;
	box-sizing:border-box;
    height: 105px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loginstep_bk_b p.button-danger-noarrow{
	color: #FFF!important;
	border-color: #940705;
	background: #ba0d1a;
	box-shadow: 0px 3px 0px #940705;
}


.loginstep_bk_g p.button-warning-noarrow:hover{
	background: #ff9100;
}

.loginstep_bk_b p.button-danger-noarrow:hover{
	background: #d82331;
}


.loginstep_bk_g p.button-warning-noarrow span,
.loginstep_bk_b p.button-danger-noarrow span{
	font-size:1.8em;
    line-height: 1.4;
}

.loginstep_bk_g p.button-warning-noarrow img,
.loginstep_bk_b p.button-danger-noarrow img{
	/*vertical-align:middle;*/
	margin-right:8px;
}



@media screen and (max-width: 640px){
.loginstep_bk_g,
.loginstep_bk_b{
	width:100%;
}
.loginstep_bk_g{
	margin-bottom:10px;
}

.loginstep_bk_g .js-matchHeight,
.loginstep_bk_b .js-matchHeight{
	height:auto;
}

}
.icon-leaves:before{
    display: inline-block;
    content: '';
    margin-right: 3px;
    width: 13px;
    height:17px;
    background-repeat: no-repeat;
    background-position: 0 center;
    background-size: contain;
	vertical-align: -4px;
	background-image: url(/kojin/directb/img/service/icon-leaves.png)!important;
}

.block-login:hover,
.block-login2:hover{
	opacity:0.7;
}

.service_ank{
	margin:0;
}

.service_ank .col-4 {
	padding:0;
}

.font-11px{
	font-size:11px;
}

.wauto{
	width:auto !important;
}
.pdb-10{
	padding:10px;
}

.topics_red_line{
	border: solid 1px #333;
	padding:10px 15px;
}

/*  /kojin/directb/phishcut_dl/index.html
-----------------------------------------------*/

.phishcut_dl_fish{
	margin:0;
	margin-bottom:5px;
	padding:10px;
	background:#2A6DBE;
	color:#FFF;
}

.phishcut_dl_fish p{
	margin-bottom:0;
}




#ipa {
	background: url(../img/ipa_bg.png);
	margin-bottom: 1.5em;
    padding: 15px 15px 0;
    border: 2px solid #e2dcd4;
	border-radius:0px;
}


#ipa h3 {
    font-size: 1.25rem;
    margin: 10px auto 20px;
    text-align: center;
}

#ipa .ipa_body {
    padding-right: 220px;
    padding-bottom: 15px;
    margin: 0 10px;
    background: url(/kojin/directb/img/login_important01/infoimg.png) no-repeat right bottom;
}
#ipa .color-danger,
.color-ipa {
    color: #FD1A00 !important;
}


@media only screen and (max-width: 640px) {
#ipa .ipa_body {
    padding-right: 0;
    background:none;
}

.accordion_ttl{
	cursor:pointer;
}

.accordion_con{
	display:none;
}


}

.border-box{
	box-sizing:border-box;
}
.w50{
	width:50%;
}
.w100{
	width:100% !important;
}
@media only screen and (max-width: 640px) {
.sp_w100{
	width:100%;
}
}


.block-blue{
	border:3px solid #0070C0;
	background:#EBF2FA;
}

.info_body_gr{
	box-sizing: border-box;
    /*width: 1008px;*/
    margin: 0 auto 10px;
    padding:16px 10px;
	background:#01973e;
	color:#fff; 
}
.info_body_gr p{
	margin-bottom:0;
}
.info_body_gr .button-warning-noarrow{
	width: 80%;
    margin: 0 auto;
    display: block;

}
.info_body_gr .button-warning-noarrow img{
	vertical-align: bottom;
	margin-right:8px;

}
.v-ttop{
	vertical-align:text-top;
}

.font-11{
	font-size:11px;
}

@media only screen and (max-width: 640px) {
.info_body_gr{
    width: 100%;
}
.sp_bd-10{
	padding:10px;
}


}



.lstep_blue_box{
	margin:30px 0;
	padding:0;
}

.lstep_blue_box *{
	box-sizing:border-box;
}

.lstep_blue_box p .button{
	margin:0;
}
.lstep_blue_box .col_row{
	margin:0;
}
.lstep_blue_box .col-6 {
	padding:5px;
}
.lstep_blue_box h4{
	text-align:center;
	background:#65a6de;
	padding:10px;
	margin-bottom:15px;
	font-size:1.25rem;
	color:#fff;
	
}
@media only screen and (max-width: 640px) {
	
.lstep_blue_box p{
	margin-bottom:10px !important;
}

.sp_col-12{
	padding:0 !important;
}

}



.heading-round-frame span{
	padding: 0.2em 0.5em 0;
	border:#666 solid 1px;
	vertical-align:middle;
	display:inline-block;
	border-radius:2px;
}

.security table.border-none * {
  border: none;
}

.security .nowrap {
    white-space: nowrap;
}



.onetime_btn a{
	width:100%;
	margin:10px 0 0;
	box-sizing:border-box;
	display:table;
}

.onetime_btn a p,
.onetime_btn a img{
	display:table-cell;
	vertical-align:middle;
}





.mg-auto {
	margin: 0 auto;
}

.fl_none {
	float: inherit !important;
}

.pc_text-center {
	text-align: center;
}
.pb160{
	padding-bottom: 160px !important;
}

@media only screen and (max-width: 640px) {
.pc_text-center {
	text-align: inherit;
}

}

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

.pt25px {
	padding-top: 25px;
}

}




.reg_bg_g { background:#f2f9f5; }

.table .orange_block{
	border:solid 1px #e8af7a;
	background:#fcf8e3;	
}

.table .bor_none { border:none; }

.w_33{ width:33.3%; }

.reg_sec_bt{
	background:#01973e;
	 color:#fff;
	 padding:0.1em 0.1em;
	 margin:0.1em 0.1em;
}




/* 臨時メンテナンス */
#top_mente_info {
    padding: 0 0 0.75em 0;
    position: relative;
    background: #fff;
}
#top_mente_info h3 {
  margin: 0;
  position: absolute;
  font-weight: bold;
  color: #fff;
  background: #00AB55;
  font-size: 14px;
  font-size: 0.875rem;
  text-align: center;
  width: 9em;
  line-height: 28px;
  height: 28px;
}
#top_mente_info h3 a{
  color: #fff;
}
#top_mente_info h3 a:visited{
  color: #fff;
}
@media only screen and (max-width: 640px) {
  #top_mente_info h3 {
    font-size: 13px;
    font-size: 0.8125rem;
    width: 100%;
    position: relative;
    margin-bottom: 1em;
  }
}
#top_mente_info h3:after {
  position: absolute;
  content: '';
  display: block;
  width: 0;
  height: 0;
  top: 0;
  right: -28px;
  border-style: solid;
  border-width: 14px;
  border-color: transparent;
  border-left-color: #00AB55;
}
@media only screen and (max-width: 640px) {
  #top_mente_info h3:after {
    display: none;
  }
}
#top_mente_info ul {
  margin: 0;
  font-size: 14px;
  font-size: 0.875rem;
  padding-left: 12em;
  list-style: none;
}
@media only screen and (max-width: 640px) {
  #top_mente_info ul {
    padding-left: 0;
    font-size: 12px;
    font-size: 0.75rem;
  }
}
#top_mente_info ul li a{
  font-weight: bold;
  color: #000;
}

@media only screen and (max-width: 640px) {
#directb.kuriage .index_item-border .col_wrap .col_row{
	margin-right: 0;
    margin-left: 0;	
}
}


/*/kojin/directb/topics/topics.html タブ切り替え*/
.houjin_topics_tab {
	display:none;
}
.houjin_topics_tab_Btn.is-active .button-block{
	cursor: default;
    color: #333!important;
    border-color: #cacaca;
    background: #dbf2e2;
    box-shadow: 0px 3px 0px #cacaca;
}

.houjin_topics dd > ul{
	padding-left: 1.5em;
	margin: 0;
}
@media only screen and (max-width: 640px) {
.sp_col-4 {
    width: auto;
}
}

#directb .oshiraseBox{
    display: block;
    box-sizing: border-box;
    background: #FFF;
    border: solid 1px #000;
    margin-bottom: 1.5em;
}
#directb .oshiraseBox_inner{
    padding: 15px;
    }

#directb .oshiraseBox_list{
    margin: 0;
    padding-left:3em;
    list-style: none;
    position: relative;
}
#directb .oshiraseBox_list_top{
    margin: 0;
    padding-left:11.8em;
    list-style: none;
    position: relative;
}
#directb .oshiraseBox_listItem{    
    font-weight: bold;
    color: #E90000;
}


#directb .oshiraseBox_listItem:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    display: block;
    vertical-align: middle;
    width: 2em;
    height: 2em;
    background: url(/assets/icon/danger.png) no-repeat center center;
    background-size: contain;
}
#directb .oshiraseBox_Link{
    color: #000;
    display: block;
}
#directb .oshiraseBox_Link:hover{
    color: #ff9100;
}

.noMarkList {
    list-style: none;
    margin: 0;
    padding: 0;
}

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

.normalNumList > li{
    text-indent: -1.5em;
    padding-left: 1.5em;
    list-style-position: inside;
}

.ind1 {
    text-indent: -1em;
    padding-left: 1em;
}


.tab_box_inner{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
}

.tab_box_inner-second{
    padding-top: 0;
    display: flex;
    justify-content: space-between;
}

.tab_box_btnFirstWrap{
    position: relative;
    width: 380px;
    margin: 0 auto;
}

.tab_box_btnFirst_btn{
    font-size: 1.2em;
    width: 100%;
    display: inline-block;
    margin: 0;
    background: #ba0d1a;
}

.tab_box_btnFirst_btn:hover{
     background: #d82331;
}

.tab_box_btnFirst_btn > span{
    display: inline-block;
    font-size: 1.3em;
    position: relative;
}

.tab_box_btnFirst_btn > span::before {
    background-image: url(/assets/arrow/usual_wh_left.png);
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    height: 1em;
    width: 1em;
    position: absolute;
    top: calc(50% - .5em);
    left: -1em;
}

.FirstTime{
    margin: 0;
    padding: 0;
    position: absolute;
    top: -4em;
    right: -9em;
}

.block-strong_wrap{
    position: relative;
    padding-bottom: 50px;
}

.block-strong_wrap::after{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 25px 0 25px;
    border-color: #c9caca transparent transparent transparent;
    bottom: 15px;
    left: calc(50% - 25px);
}

.tab_box_step_ttl{
    font-size: 1.5em;
}

.tab_box_step_des{
    text-align: center;
}

.tab_box_inner-second img{
    max-width: 270px;
}

.tab_box-normalSec table.table{
    background: #fff;
    width: 50%;
}

.tab_box-normalSec table.table.table-ninsyo{
    width: 100%;
}

@media only screen and (max-width: 640px) {
    .tab_box_inner{
        width: 100%;
    }
    
    .tab_box_inner-second{
        display: inherit;
    }
    
    .tab_box_btnFirstWrap{
        display: inherit;
        width: 100%;
    }
    
    .tab_box_btnFirst_btn,
    .tab_box_btnFirst_time{
        width: 100%;
        display: block;
    }
    
    .tab_box_btnFirst_btn{
        margin: 0.5em 0;
        box-sizing: border-box;
    }
    
    .FirstTime{
        right: -1em;
        top: -4.5em;
        transform: rotate(-5deg);
    }
    .FirstTime img{
        width: 120px;
    }
    
    .tab_box-normalSec table.table{
        width: 100%;
    }
    
    .table_wrap table.table.table-ninsyo {
        width: 530px;
    }
    
}

#modalOldwin {
  display: block;
  height: 0;
  overflow: hidden;
}

#modalBtnOldwin span {
  display: none;
}

.modal_content {
  width: 756px;
}

@media screen and (max-width:767px) {
  .modal_content {
    width: 100%;
    min-width: 320px;
    box-sizing: border-box;
    padding: 10px;
  }
}

#boxer-overlay {
  z-index: 10000 !important;
}
#boxer {
  z-index: 10001 !important;
}