/*堂本剛と堂本光一*/

.page-template-solution_digital .Solution__main--digital {
  background-image: url(../images/solution/main-digital.png);

}


.page-template-solution_digital .Solution__main {
  height: 1000px;
  position: relative;
}

.page-template-solution_digital .Solution__mainWrapper {
  left: -24%;
  right: auto;
}

.btn {
  position: absolute;
  bottom: 20%;
  right: 8%;
  z-index: 999;
}



.btn a {
  /*コレ*/
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  gap: 15px;
  line-height: 1.45;
  justify-content: center;
  align-items: center;
  width: 210px;
  height: 210px;
  background: #7AC4EE;
  border: 2px solid #fff;
  text-decoration: none;
  text-align: center;
  margin: 10px 0;
  color: #003189;
  font-weight: 700;
  font-size: 2.5rem;
  font-family: Bahnschrift, tbudgothic-std, sans-serif;
}

.btn a::after {
  content: "";
  display: block;
  width: 53px;
  height: 10px;
  background-image: url(../images/solution/digital_contact-btn.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}


/* .contact-btn a {
  color: #003189;
  display: inline-block;
} */

.page-template-solution_digital .Solution__mainWrapper .Solution__titleText span {
  display: block;
  font-size: 1.4rem;
}

.page-template-solution_digital .Solution__lead {
  background-color: #fff;
}

.page-template-solution_digital .Solution__lead--digital {
  background-size: contain;
  background-repeat: no-repeat;
}

.page-template-solution_digital .Solution__lead--digital {
  background-image: url(../images/solution/digital_bg.png);
  background-position: top;
  background-size: max(100%, 2610px);
  background-repeat: no-repeat;
  overflow: hidden;
}

.page-template-solution_digital .Solution__bg--digital {
  background-color: #F4F4F4;
}

.page-template-solution_digital .Top__leadTitle {
  font-size: 3rem;
  line-height: 1.8em;
  letter-spacing: 0.1rem;
  font-family: tbudgothic-std, sans-serif;
  font-weight: 700;
  font-style: normal;
  text-align: center;
  margin-bottom: 30px;
  color: #4D4D4D;
}

.page-template-solution_digital .Solution__list--digital {
  color: #fff;
  font-size: 2.6rem;
  font-weight: 600;
}

.page-template-solution_digital .Solution__list--digital ol {
  counter-reset: count 0;
}

.page-template-solution_digital .Solution__list--digital ol li {
  background-color: #0083C9;
  margin-bottom: 18px;
  padding: 0 20px;
  letter-spacing: 0.2rem;
  text-align:center;
}

/*
.page-template-solution_digital .Solution__list--digital ol li {
  background-color: #0083C9;
  margin-bottom: 18px;
  padding: 0 20px;
  letter-spacing: 0.2rem;
  text-indent: -1.8em;
  padding-left: 2em;
}

.page-template-solution_digital .Solution__list--digital li:before {
  content: counter(count) ". ";
  counter-increment: count 1;
}
*/

.new_line {
  display: none;
}

.page-template-solution_digital .Solution__lead02--digital {
  color: #A52224;
  font-size: 2.6rem;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.3rem;
  padding: 80px 0 0;
}

.page-template-solution_digital .Solution__lead02--digital span {
  display: block;
  color: #fff;
  background-color: #A52224;
  padding: 0 10px;
}

.page-template-solution_digital .Solution__log--digital {
  margin-top: 60px;
  margin-bottom: 18px;
}

.page-template-solution_digital .Solution__lead03--digital {
  color: #4D4D4D;
  font-size: 2.2rem;
  font-weight: 600;
  text-align: center;
}

.page-template-solution_digital .Solution__lead03--digital-key {
  margin-bottom: 42px;
}

.page-template-solution_digital .Solution__key--txt2 {
  color: #0083C9;
  font-size: 3.4rem;
}

.page-template-solution_digital .Solution__key--txt {
  color: #0083C9;
  font-size: 4.0rem;
  font-weight: 600;
}

.coming_soon {
  margin-top: 100px;
  font-size: 2.6rem;
  font-weight: 600;
  font-family: Helvetica Neue, tbudgothic-std, sans-serif;
  text-align: center;
}

.coming_soon--en {
  font-size: 5.6rem;
  color: #D1D1D1;
  font-weight: 800;
}

.bottom_line {
  margin-top: 200px;
  background-color: #F2F4F8;
  padding: 10px;
  width: 100%;
}




@media screen and (max-width: 1023px) {
  .page-template-solution_digital p {
    font-size: 1.8rem;
  }

  .page-template-solution_digital .Top__leadTitle {
    font-size: 2.2rem;
  }

  .page-template-solution_digital .Solution__list--digital {
    font-size: 1.6rem;
    font-weight: 200;
    flex-wrap: nowrap;
  }

  .page-template-solution_digital .Solution__mainWrapper {
    /* left: -24%; */
    left: 0%;
  }

  .page-template-solution_digital .Solution__main {
    height: 500px;
  }

  .page-template-solution_digital .Solution__key--txt {
    font-size: 2.0rem;
    font-weight: 800;
  }

  .page-template-solution_digital .Solution__key--txt2 {
    font-size: 2.0rem;
  }

  .page-template-solution_digital .coming_soon--en {
    font-size: 4rem;
  }

  .btn {
    position: absolute;
    bottom: 2%;
    right: 6%;
    z-index: 999;
  }



  .btn a {
    /*コレ*/
    gap: 10px;
    width: 80px;
    height: 80px;
    font-weight: 500;
    font-size: 1.0rem;
    font-family: Bahnschrift, tbudgothic-std, sans-serif;
  }

  .btn a::after {
    width: 26px;
    height: 5px;
  }

  .page-template-solution_digital .Solution__lead--digital {
    background-size: max(100%, 2610px);
  }

  .page-template-solution_digital .Solution__lead02--digital {
    padding: 40px 0 0;
  }

  .page-template-solution_digital .Solution__lead03--digital-key {
    margin-bottom: 20px;
  }
}



@media screen and (max-width: 375px) {
  .new_line {
    display: block;
  }
}














/* 追加 */
br.Dsp{
	display:none;
}
#DigiWrap{
	background:#F2F4F8;
	padding:60px 0;
}
.digital_wrap{
	width:100%;
	max-width:1300px;
	background:#FFFFFF;
	margin:auto;
	padding:60px 0;
	border-radius:14px;
	margin-bottom:60px;
}
.digital_wrap.b{
	border:solid 20px #0987BE;
	width:auto;
}
.digital_wrap img{
	display:block;
	width:100%;
}
.digital_wrap img.sp{
	display:none !important;
}
.digital_wrap .Area{
	width:92%;
	max-width:980px;
	margin:auto;
}
.digital_wrap .Area p{
	font-size:14px;
	line-height:175%;
	color:#4D4D4D;
}
.digital_wrap .Area h3{
	font-size:30px;
	letter-spacing:1px;
	font-weight:bold;
	line-height:175%;
	margin-bottom:30px;
	text-align:center;
	color:#4D4D4D;
}
.digital_wrap .Area h4{
	font-size:26px;
	letter-spacing:1px;
	font-weight:bold;
	line-height:175%;
	margin-bottom:30px;
	color:#003189;
}
.digital_wrap .Area h4.s{
	font-size:24px;
	text-align:center;
}
.digital_wrap .Area h4.s + p{
	width:72%;
	margin:auto;
	margin-bottom:40px;
}
.digital_wrap .Area h5{
	font-size:20px;
	font-weight:bold;
	margin:25px auto;
}
.digital_wrap .Area h5 span{
	font-size:50%;
	margin-left:8px;
}

.digital_wrap .Area h6{
	font-size:16px;
	font-weight:bold;
	margin-bottom:16px;
}
.digital_wrap .Area h6 + p{
	margin-bottom:45px;
}

.digital_wrap .Area .imgList{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-bottom:80px;
}
.digital_wrap .Area .imgList li{
	width:31%;
}
.digital_wrap .Area .imgList li img{
	display:block;
	width:100%;
}

.digital_wrap .Area .FullImg{
	width:100%;
	margin-bottom:60px;
}
.digital_wrap .Area .FullImg.s{
	max-width:880px;
	margin:45px auto 80px;
}
.digital_wrap .Area .FullImg.s span{
	font-size:11px;
	display:block;
	text-align:right;
	margin-top:2px;
	color:#4D4D4D;
}


.digital_wrap .Area .Allow{
	margin:60px auto;
	width:100%;
}
.digital_wrap .Area .Allow img{
	width:92%;
	max-width:300px;
	display:block;
	margin:auto;
}


.digital_wrap .Area .w{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.digital_wrap .Area .w .l{
	width:44%;
}
.digital_wrap .Area .w .lb{
	width:47%;
}
.digital_wrap .Area .w .r{
	width:52%;
}
.digital_wrap .Area a.blink{
	display:block;
	width:90%;
	max-width:320px;
	margin:50px auto;
	position:relative;
	color:#FFFFFF;
	padding:20px;
	background:#083384;
	letter-spacing:1px;
	font-weight:bold;
	font-size:14px;
}
.digital_wrap .Area a.blink:after{
	content:"";
	display: block;
	width:8px;
	height:8px;
	border-top:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	transform: rotate(135deg) translateY(-50%);
	position: absolute;
	right:20px;
	top:37%;
}

.digitalTit{
	width:100%;
	position:relative;
	margin-bottom:60px;
}
.digitalTit h3{
	font-size:34px;
	font-weight:bold;
	color:#FFFFFF;
	letter-spacing:2px;
	line-height:165%;
	position:absolute;
	top:50%;
	left:60px;
	transform:translateY(-50%);
}
@media screen and (max-width: 480px) {
	br.Dsp{
		display: block;
	}
	#DigiWrap{
		padding:30px 0;
	}
	.digital_wrap{
		width:90%;
		padding:35px 0;
		margin-bottom:40px;
	}
	.digital_wrap.b{
		border:solid 14px #0987BE;
	}
	.digital_wrap img.pc{
		display:none !important;
	}
	.digital_wrap img.sp{
		display:block !important;
	}
	.digital_wrap .Area{
		width:94%;
	}
	.digital_wrap .Area p{
		font-size:13px;
		line-height:165%;
	}
	.digital_wrap .Area h3{
		font-size:18px;
		line-height:165%;
		margin-bottom:26px;
	}
	.digital_wrap .Area h4{
		font-size:21px;
		text-align:center;
	}
	.digital_wrap .Area h4.s{
		font-size:21px;
	}
	.digital_wrap .Area h4.s + p{
		width:100%;
	}
	.digital_wrap .Area h5{
		font-size:21px;
		margin:22px auto;
		text-align:center;
	}
	.digital_wrap .Area h5 span{
		display:block;
		margin-left:8px;
	}
	
	.digital_wrap .Area h6{
		font-size:18px;
		text-align:center;
	}
	.digital_wrap .Area h6 + p{
		margin-bottom:40px;
	}
	
	.digital_wrap .Area .imgList{
		margin-bottom:45px;
	}
	.digital_wrap .Area .imgList li{
		width:32%;
	}
	.digital_wrap .Area .imgList li img{
		display:block;
	}
	
	.digital_wrap .Area .FullImg{
		margin-bottom:40px;
	}
	.digital_wrap .Area .FullImg.s{
		margin:25px auto 50px;
	}
	.digital_wrap .Area .FullImg.s span{
		font-size:10px;
	}
	
	
	.digital_wrap .Area .Allow{
		margin:40px auto;
	}
	.digital_wrap .Area .Allow img{
		width:55%;
	}
	
	
	.digital_wrap .Area .w .l{
		width:100%;
	}
	.digital_wrap .Area .w .lb{
		width:100%;
	}
	.digital_wrap .Area .w .lb:nth-child(2){
		padding-top:45px;
		margin-top:45px;
		border-top:solid 1px #4D4D4D;
	}
	.digital_wrap .Area .w .r{
		width:100%;
	}
	.digital_wrap .Area a.blink{
		margin:20px auto 0;
	}
	
	.digitalTit{
		margin-bottom:40px;
	}
	.digitalTit h3{
		font-size:20px;
		left:20px;
	}
}




.FloCta{
	width:100%;
	position:fixed;
	bottom:0;
	left:0;
	background:#FFFFFF;
	z-index:1000;
}
.FloCta .Area{
	width:92%;
	max-width:770px;
	margin:auto;
	padding:15px 0;
}
.FloCta .Area .w{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.FloCta .Area .l{
	width:52%;
}
.FloCta .Area .l p{
	text-align:center;
	font-size:14px;
	line-height:175%;
	color:#4D4D4D;
}
.FloCta .Area .r{
	width:44%;
}
.FloCta .Area .r a{
	display:block;
	background:#982E2B;
	color:#FFFFFF;
	height:50px;
	line-height:50px;
	text-align:center;
	font-size:16px;
	letter-spacing:2px;
	font-weight:bold;
}
@media screen and (max-width: 480px) {
	.FloCta .Area .l{
		width:100%;
	}
	.FloCta .Area .l p{
		font-size:13px;
		line-height:165%;
	}
	.FloCta .Area .r{
		width:100%;
		margin-top:4px;
	}
	.FloCta .Area .r a{
		width:60%;
		margin:auto;
		height:34px;
		line-height:34px;
		font-size:13px;
	}
}