@charset "UTF-8";
.clr-blue {
  color: #1748FF !important;
}
.clr-wht {
	color: #fff !important;
  }
.bg-blue {
  background: #050A52 !important;
}
.bg-purple {
  background: #C42DE8 !important;
}
.align-left {
	text-align: left !important;
}
.align-right {
	text-align: right !important;
}
.strecth {
	align-items: stretch !important;
}
.sp-only {
    display: none !important
}

.area_B-1 .plus {
	display: flex;
	justify-content: center;
	align-items: center;
}
.area_B-1 .plus p {
	font-size: 4rem;
	text-align: center;
	transform: translateY(-5px);
}
.logo_box {
	text-align: center;
}
.flexbox {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: nowrap;
}
.flexbox.center {
	justify-content: center;
}
.flexbox .left,
.flexbox .right {
	width: 50%;
	text-align: center;
}
.flexbox .left p,
.flexbox .right p {
	display: inline-block;
	text-align: left;
}
.flexbox .center {
	text-align: center;
}
.border_wrap {
	border: 1px solid #000;
	padding: 20px 20px 30px 20px;
	border-radius: 15px;
}
.area_B-1.flexbox {
	align-items: stretch;
}
.border_r {
	border-right: 1px solid #000;
}
.container .top_img .d-block img {
	width: 290px;
	height: auto;
}
.icon_box {
	justify-content: center;
}
.di_box_r {
	height: 80px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.flexbox.di_logo {
	display: flex;
	justify-content: center;
  align-items: center;
}
.sec_di_icon {
	justify-content: center;
}
.tf_left img {
	transform: translateX(10px);
}
.feature__label {
	position: absolute;
	top: -20px;
	left: -10px;
}
.hm-recommend-list > li::before {
  display: inline-block;
  content: '';
  width: 20px;
  height: 20px;
  margin-right: 8px;
  vertical-align: text-top;
  background: url(../img/teamviewer/checkbox.png) center no-repeat;
  background-size: cover;
}

.hm-utilization-list > li::before {
  display: inline-block;
  content: '';
  width: 16px;
  height: 16px;
  margin-right: 8px;
  vertical-align: text-top;
  background: url(../img/teamviewer/checkbox.png) center no-repeat;
  background-size: cover;
}
.hm-reason-list > li {
  position: relative;
  counter-increment: num;
}
.hm-reason-list > li::before {
  content: "1";
  position: absolute;
  left: -20px;
  top: 0;
  line-height: 1;
  font-family: Hiragino UD Sans F W6 JIS2004;
  font-size: 35px;
  font-weight: bold;
  content: counter(num);
  color: #C42DE8;
}
.bg-gray-light-full {
  position: relative;
}
.bg-gray-light-full::before,
.bg-gray-light-full::after {
  content: "";
  position: absolute;
  left: 50%;
  display: block;
  width: 100vw;
  height: -webkit-fill-available;
  background-color: #f3f3f3;
  z-index: -1;
}



@media screen and (max-width: 992px) {
	.top_img .d-block img {
		width: 80%;
		display: block;
		margin: auto;
	}
	.d-block img {
		width: 80%;
	}
  .border_wrap {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media screen and (max-width: 768px) {
	.flexbox .flexbox {
		display: block;
	}
	.flexbox .left,
	.flexbox .right {
		width: auto;
	}
	.flexbox .left {
		padding-bottom: 2rem;
		margin-bottom: 2rem;
	}
	.border_r {
		border-right: none;
		border-bottom: 1px solid #000;
	}
	.area_B-1 .d-block img {
		max-width: 160px;
	}
	.flexbox.di_logo {
		width: 40%;
	}
	.top_img.mt-5 {
		margin-top: 1rem !important;
	}
	h3 .br_none {
		display: none;
	}
	.area_B-1 .plus {
		width: 20%;
	}
}

@media screen and (max-width: 576px) {
	.secA .d-block img {
		width: 80%;
	}
	.top_box {
		max-width: 25%;
		flex: none;
	}
	.bottom_box {
		max-width: 75%;
		flex: none;
	}
	.secA .form-row {
		justify-content: space-between;
	}
	.secA h2,
	.secB h2,
	.secC h2,
	.secD h2 {
		text-align: left;
	}
	.flexbox.wrap {
		flex-direction: column;
	}
	.area_B-1.flexbox {
		display: block;
	}
	.area_B-1 .col-md-3 {
		margin-bottom: 2rem;
	}
	.area_B-1 .d-block img {
    width: auto;
		display: block;
		margin: auto;
	}
	.btn_layout .col-6 {
		flex: 0 0 100%;
	  max-width: 100%;
	}
	.my-405 .form05x-row .col-6 {
    flex: 0 0 100%;
    max-width: 100%;
	}
	.br_none {
		display: none;
	}
	.flexbox.di_logo {
    width: auto;
	}
	.flexbox.di_logo .d-block {
		margin: 0 !important;
		padding: 0 !important;
	}
	.top_img .d-block {
		margin-top: 0 !important;
	}
	.area_B-1 .plus {
		width: auto;
	}
	.bg-gray .w-405rem {
		width: 4.5rem!important;
	}
	.pc-only {
		display: none !important
	}
}