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

/* ---------------------------------------------
　header
------------------------------------------------ */
.dc .header {
  height: 193px;
  border: none;
}

.dc .header .logo { top: 15px; }
.dc .header .logo .icon_dc,
.dc .header .logo .icon_jcb { display: none; }

.dc header .global-dc {
  height: 52px;
  border-top: solid 4px #e60000;
  border-bottom: solid 1px #d2d2d2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.dc header .global-dc ul { display: block; }
.dc header #utility-dc { display: block; }
.dc header #utility-dc .to-top {
	background: #e60000;
	color: #fff;
	border-color: #e60000;
}
.dc header #utility-dc a.to-top::after {
	border-color: #fff;
}
.dc header .utility-nav .dc { display: block; }

/* ---------------------------------------------
　sidenav
------------------------------------------------ */

.sidebar .utility-nav {
  padding: 12px;
  background: url(/themes/main/images/bg_hatching.png) repeat;
}
.utility-nav .dc-web,
.utility-nav .dc-web_corp {
  padding: 12px;
  background: #fff;
  border-right: 4px;
}
.utility-nav .dc-web_corp { margin-top: 12px; }
.utility-nav .img-l { margin-right: 10px; }
.utility-nav .summary {
  font-family: "Noto Sans Japanese";
  font-weight: bold;
  font-size: 12px;
}

.utility-nav .btn-area {
  clear: both;
}
.utility-nav .dc-web .btn-area { margin-top: 10px; }
.utility-nav .btn-login { margin-bottom: 8px; }
.utility-nav .btn-login a {
  display: block;
  padding: 12px 12px 12px 12px;
  background: linear-gradient(0deg, #0746b8, #084ece, #77a7ff);
  border-bottom: solid 4px #042C73;
  border-radius: 5px;
  font-family: "Noto Sans Japanese";
  font-weight: bold;
  letter-spacing: 2px;
  color: #fff;
  text-decoration: none;
}
.utility-nav .btn-login a i {
  width: 22px;
  height: 22px;
  line-height: 22px;
  margin-right: 8px;
  background: #fff;
  border-radius: 4px;
  color: #0746B8;
  text-align: center;
}
.utility-nav .btn-login a:hover {
  -ms-transform: translateY(4px);
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}

.utility-nav .btn-regist a {
  display: block;
  padding: 5px 10px 5px 10px;
  background: #097DF3;
  border-bottom: solid 4px #064D95;
  border-radius: 5px;
  font-family: "Noto Sans Japanese";
  font-weight: bold;
  letter-spacing: 2px;
  color: #fff;
  text-decoration: none;
}
.utility-nav .btn-regist a i {
  width: 22px;
  height: 22px;
  line-height: 22px;
  margin-right: 8px;
  text-align: center;
}
.utility-nav .btn-regist a:hover {
  -ms-transform: translateY(4px);
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}
.utility-nav .dc-web_corp .btn-login a { 
  background: linear-gradient(0deg, #523f92, #6850b9, #a697d7);
  border-color: #34285D;
}
.utility-nav .dc-web_corp .btn-login a i { color: #523f92; }
.utility-nav .dc-web_corp .btn-regist a {
  background-color: #954fb6;
  border-color: #62558D;
}

.utility-nav .btn-lost { margin-top: 8px; }
.utility-nav .btn-lost a {
  display: block;
  width: 100%;
  height: 50px;
  line-height: 30px;
  padding: 10px 15px;
  background: #fff;
  border-radius: 5px;
  font-family: "Noto Sans Japanese";
  font-weight: bold;
  color: #333;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.utility-nav .btn-lost a:hover {
  text-decoration: underline;
}
.utility-nav .btn-lost a i {
  color: #fccd12;
}

.content.card .ad_none{
    display:none;
}


/* ---------------------------------------------
　service
------------------------------------------------ */
.service .search-box {
  background-color: #f4f4f4;
  padding: 20px 30px;
  margin-top: 70px;
}
.service .search-box .ttl {
  text-align: center;
  font-weight: bold;
  font-size: 116%;
  margin-top: 10px;
}
.service .search-item {
  margin-top: 30px;
	display: flex;
	flex-wrap: wrap;
  justify-content: flex-start;
}
.service .search-item label {
	cursor: pointer;
	display: inline-block;
	line-height: 1.5;
  width: 33%;
  margin-bottom: 10px;
}
.service .search-item input[type="radio"] {
	width: 16px;
	height: 16px;
	margin: -2px 5px 0 0;
	padding: 0;
	box-sizing: border-box;
	vertical-align: middle;
}
.service .search-item input[type="checkbox"] {
	width: 16px;
	height: 16px;
	margin: -2px 5px 0 0;
	padding: 0;
	box-sizing: border-box;
	vertical-align: middle;
}
.service .list_wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 0;
}
.service .list_item {
	width: 48%;
}
.service .list_item.is-hide {
	display: none;
}
@media all and (-ms-high-contrast:none){
  .service .list_wrap {
    display: block;
    margin-left: -2%;
  }
  .service .list_item {
    float: left;
    min-height: 363px;
    margin-right: 2%;
  }
}
/* ---------------------------------------------
　footer
------------------------------------------------ */
.banner-area {
  width: 100%;
  padding: 25px 0;
  border-top: solid 1px #c9c9c9;
  border-bottom: solid 1px #c9c9c9;
  text-align: left;
}
.banner-area li {
  display: inline-block;
  margin-right: 10px;
}
.banner-area li:last-child { margin-right: 0; }

.pagetop p { bottom: -132px; }

.footer .footer_dc { float: none; width: 100%; }
.footer .footer_dc .wrap {
  width: 980px;
  margin: 20px auto 0;
  padding: 0;
  border: none;
  position: relative;
}
.footer .link-wrap { margin-bottom: 30px; }
.footer .link-wrap .link2 { float: left; margin-top: 15px; }
.footer .link-wrap .link2:nth-child(1) { width: 24%; }
.footer .link-wrap .link2:nth-child(2) { width: 44%; }
.footer .link-wrap .link2:nth-child(3) { width: 32%; }

.footer .footer_dc .wrap ul {
  height: auto;
}

.footer .footer_dc .wrap .link2 li { margin-bottom: 10px; }

.footer .footer_dc .wrap .btn {
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
}
.footer .footer_dc .wrap .btn a {
  width: 320px;
}

.footer .info-area {
  vertical-align: bottom;
  text-align: left;
  position: relative;
}
.footer address {
  display: inline-block;
  width: 34%;
  margin-right: 30px;
}
.footer address img {
	margin-right: 7px;
	margin-bottom: 10px;
}
.footer .contact-area {
  float: none;
  display: inline-block;
  width: 32%;
  font-family: "Noto Sans Japanese";
  font-weight: 900;
}
.footer .contact-area .tel { font-size: 220%; }
.footer .contact-area .tel * { vertical-align: middle; }
.footer .contact-area .mail { font-size: 130%; }
.footer .contact-area .mail * { vertical-align: middle; }
.footer .regist-area {
  border: none;
  position: absolute;
  bottom: 0;
  right: 0;
}

.footer .footer_dc .copyright {
  padding-right: 0;
  text-align: center;
}