html {
    scroll-padding-top: 70px;
}

.tp-offcanvas-social li a:hover{
	background-color: #14a5c0 !important;
	border: none;
}

.tp-header-btn a:hover{
	color: #fff !important;
}

.footerBg{
background-image: repeating-linear-gradient(140deg, hsla(295,0%,82%,0.12) 0px,transparent 2px,hsla(295,0%,82%,0.12) 7px,transparent 9px,hsla(295,0%,82%,0.12) 14px),repeating-linear-gradient(38deg, hsla(295,0%,82%,0.12) 0px,transparent 2px,hsla(295,0%,82%,0.12) 7px,transparent 9px,hsla(295,0%,82%,0.12) 14px),repeating-linear-gradient(0deg, hsla(295,0%,82%,0.15) 0px, hsla(295,0%,82%,0.15) 0px,transparent 0px, transparent 1px,hsla(295,0%,82%,0.15) 1px, hsla(295,0%,82%,0.15) 4px,transparent 4px, transparent 5px,hsla(295,0%,82%,0.15) 5px, hsla(295,0%,82%,0.15) 8px),repeating-linear-gradient(90deg, hsla(295,0%,82%,0.15) 0px, hsla(295,0%,82%,0.15) 0px,transparent 0px, transparent 1px,hsla(295,0%,82%,0.15) 1px, hsla(295,0%,82%,0.15) 4px,transparent 4px, transparent 5px,hsla(295,0%,82%,0.15) 5px, hsla(295,0%,82%,0.15) 8px),linear-gradient(90deg, rgb(0,6,6),rgb(0,6,6));}

.mainBg{
background-image: repeating-linear-gradient(171deg, #d6d6d6 0, #d6d6d6 1px, transparent 0, transparent 50%);
background-size: 9px 9px;
background-color: #ffffff;
}

.contentsBg{
background-image: linear-gradient(#f1f1f1 1px, transparent 1px);
background-size: 100% 5px;
background-color: #ffffff;
}
.mailBg{
background-image: linear-gradient(135deg, transparent 18.75%, #7a7a7a 0 31.25%, transparent 0), repeating-linear-gradient(45deg, #7a7a7a -6.25% 6.25%, #606060 0 18.75%);
background-size: 20px 20px;
background-color: #606060;
}
.companyBg{
background-image: linear-gradient(135deg, transparent 18.75%, #14a5c0 0 31.25%, transparent 0), repeating-linear-gradient(45deg, #14a5c0 -6.25% 6.25%, #5c6f99 0 18.75%);
background-size: 20px 20px;
background-color: #5c6f99;
}
.fcBg{
background-image: linear-gradient(135deg, transparent 18.75%, #14a5c0 0 31.25%, transparent 0), repeating-linear-gradient(45deg, #14a5c0 -6.25% 6.25%, #5c6f99 0 18.75%);
background-size: 20px 20px;
background-color: #5c6f99;
}
.infoBg{
background-image: repeating-linear-gradient(45deg, #11a5c0 0, #11a5c0 1px, transparent 0, transparent 50%);
background-size: 9px 9px;
background-color: #d6d6d6;
}


.fc01Bg{
background-image: linear-gradient(135deg, transparent 18.75%, #c15e05 0 31.25%, transparent 0), repeating-linear-gradient(45deg, #c15e05 -6.25% 6.25%, #d18c02 0 18.75%);
background-size: 20px 20px;
background-color: #d18c02;
}

.fc02Bg{
background-image: linear-gradient(135deg, transparent 18.75%, #109b4b 0 31.25%, transparent 0), repeating-linear-gradient(45deg, #109b4b -6.25% 6.25%, #12af55 0 18.75%);
background-size: 20px 20px;
background-color: #12af55;
}

.fc03Bg{
background-image: linear-gradient(135deg, transparent 18.75%, #565656 0 31.25%, transparent 0), repeating-linear-gradient(45deg, #565656 -6.25% 6.25%, #6d6d6d 0 18.75%);
background-size: 20px 20px;
background-color: #6d6d6d;
}

.uniqueBg{
background-image: repeating-linear-gradient(140deg, hsla(295,0%,82%,0.12) 0px,transparent 2px,hsla(295,0%,82%,0.12) 7px,transparent 9px,hsla(295,0%,82%,0.12) 14px),repeating-linear-gradient(38deg, hsla(295,0%,82%,0.12) 0px,transparent 2px,hsla(295,0%,82%,0.12) 7px,transparent 9px,hsla(295,0%,82%,0.12) 14px),repeating-linear-gradient(0deg, hsla(295,0%,82%,0.15) 0px, hsla(295,0%,82%,0.15) 0px,transparent 0px, transparent 1px,hsla(295,0%,82%,0.15) 1px, hsla(295,0%,82%,0.15) 4px,transparent 4px, transparent 5px,hsla(295,0%,82%,0.15) 5px, hsla(295,0%,82%,0.15) 8px),repeating-linear-gradient(90deg, hsla(295,0%,82%,0.15) 0px, hsla(295,0%,82%,0.15) 0px,transparent 0px, transparent 1px,hsla(295,0%,82%,0.15) 1px, hsla(295,0%,82%,0.15) 4px,transparent 4px, transparent 5px,hsla(295,0%,82%,0.15) 5px, hsla(295,0%,82%,0.15) 8px),linear-gradient(90deg, rgb(26,81,142),rgb(26,81,142));
}

.serviceBg{
background-image: repeating-linear-gradient(257deg, hsla(20,0%,93%,0.12) 0px,transparent 2px,hsla(20,0%,93%,0.12) 5px,transparent 9px,hsla(20,0%,93%,0.12) 12px),repeating-linear-gradient(152deg, hsla(20,0%,93%,0.12) 0px,transparent 2px,hsla(20,0%,93%,0.12) 5px,transparent 9px,hsla(20,0%,93%,0.12) 12px),repeating-linear-gradient(222deg, hsla(20,0%,93%,0.12) 0px,transparent 2px,hsla(20,0%,93%,0.12) 5px,transparent 9px,hsla(20,0%,93%,0.12) 12px),linear-gradient(90deg, rgb(17,41,62),rgb(17,41,62));
}

.service02Bg{
background-image: repeating-linear-gradient(257deg, hsla(20,0%,93%,0.12) 0px,transparent 2px,hsla(20,0%,93%,0.12) 5px,transparent 9px,hsla(20,0%,93%,0.12) 12px),repeating-linear-gradient(152deg, hsla(20,0%,93%,0.12) 0px,transparent 2px,hsla(20,0%,93%,0.12) 5px,transparent 9px,hsla(20,0%,93%,0.12) 12px),repeating-linear-gradient(222deg, hsla(20,0%,93%,0.12) 0px,transparent 2px,hsla(20,0%,93%,0.12) 5px,transparent 9px,hsla(20,0%,93%,0.12) 12px),linear-gradient(90deg, rgb(37,64,84),rgb(37,64,84));
}

.service03Bg{
background-image: linear-gradient(135deg, transparent 18.75%, #ffffff 0 31.25%, transparent 0), repeating-linear-gradient(45deg, #ffffff -6.25% 6.25%, #ebebeb 0 18.75%);
background-size: 20px 20px;
background-color: #ebebeb;
}

.requestBg{
background-image: repeating-linear-gradient(122deg, hsla(238,0%,76%,0.12) 0px,transparent 2px,hsla(238,0%,76%,0.12) 5px,transparent 8px,hsla(238,0%,76%,0.12) 11px),repeating-linear-gradient(218deg, hsla(238,0%,76%,0.12) 0px,transparent 2px,hsla(238,0%,76%,0.12) 5px,transparent 8px,hsla(238,0%,76%,0.12) 11px),repeating-linear-gradient(0deg, hsla(238,0%,76%,0.15) 0px, hsla(238,0%,76%,0.15) 0px,transparent 0px, transparent 1px,hsla(238,0%,76%,0.15) 1px, hsla(238,0%,76%,0.15) 4px,transparent 4px, transparent 5px,hsla(238,0%,76%,0.15) 5px, hsla(238,0%,76%,0.15) 8px),repeating-linear-gradient(90deg, hsla(238,0%,76%,0.15) 0px, hsla(238,0%,76%,0.15) 0px,transparent 0px, transparent 1px,hsla(238,0%,76%,0.15) 1px, hsla(238,0%,76%,0.15) 4px,transparent 4px, transparent 5px,hsla(238,0%,76%,0.15) 5px, hsla(238,0%,76%,0.15) 8px),linear-gradient(90deg, rgb(0,156,243),rgb(0,156,243));
}


.btn-stitch {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #668ad8;
  color: #FFF;
  border-radius: 4px;
  box-shadow: 0px 0px 0px 5px #668ad8;
  border: dashed 1px #FFF;
}

.btn-stitch:hover {
  border: dotted 1px #FFF;
  color: #fff;
}

.al-project-seo-title a:hover{
	color: aqua;
	
}



span.marker {
    background: linear-gradient(transparent 60%, #66d7ff 60%);
}

.flex-row {
  display: flex;
  gap: 4px;
}

.flex-row+.flex-row {
  margin-top: 4px;
}

.flex-item {
  
  padding: 25px 20px 20px 20px;

}

.flex-item:nth-child(1) {
  width: 25%;
     background:rgba(255,255,255,0.3);
    color:#0d6778;

}

.flex-item:nth-child(2) {
	 background:rgba(255,255,255,0.1);
  flex: 2;
  color: #fff;
  line-height: 1.2em !important;

}


.service-table{
	width: 100%;
	 box-shadow: 2px 2px 4px #ccc;
}

.service-table th {
 background-color: #14A5C0;
 color: #fff;
padding:15px 25px;
 width: 30%;
}

.service-table tr:nth-child(even) th{
  background-color:#15C1E1;
}



.service-table td {
 background-color: #ffffff;
 color: #555;
 padding:15px 25px;
  width: 70%;
}

.service-table tr:nth-child(even) td{
  background-color:#eee;
}







@media screen and (max-width: 768px) {
  .service-table th, .service-table td  {
    display: block;
    width: 100%;
  }
 
}




.anchor-target {
  padding-top: 80px; /* ヘッダーの高さ+α */
  margin-top: -80px; /* ヘッダーの高さ分マイナス */
}



.modal-wrapper {
  z-index: 999;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
}


.modal-wrapper:not(:target) {
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s, visibility .3s;
}

.modal-wrapper:target {
  opacity: 1;
  visibility: visible;
  transition: opacity .4s, visibility .4s;
}

.modal-wrapper::after {
  display: inline-block;
  height: 100%;
  margin-left: -.05em;
  vertical-align: middle;
  content: ""
}

.modal-wrapper .modal-window {
  box-sizing: border-box;
  display: inline-block;
  z-index: 20;
  position: relative;
  width: 95%;
  max-width: 800px;
  border-radius: 10px !important;
  padding: 20px 0px 25px 20px;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 0 30px rgba(0, 0, 0, .6);
  vertical-align: middle;
}





.modal-wrapper .modal-window .modal-content {
  max-height: 60vh;
  overflow-y: auto;
  text-align: left;
  margin-top: 50px;
  
}

.modal_title {
  font-size: 1.5em;
	position: relative;
	overflow: hidden;
  padding: 0;
}

.modal_title::before,
.modal_title::after{
	content: "";
	position: absolute;
	bottom: 0;
}

/* h2 プライマリカラー*/
.modal_title:before{
	border-bottom: 4px solid #6bb6ff;
	width: 100%;
}
/* h2 セカンダリカラー*/
.modal_title:after{
	border-bottom: 4px solid #c8e4ff;
	width: 100%;
}

.modal-content p {
  margin: 10px 0 0 0;
}

.modal-overlay {
  z-index: 10;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, .3)
}

.modal-wrapper .modal-close {
  z-index: 20;
  position: absolute;
  top: 5px;
  right: 5px;
  width: 35px;
  color: #95979c !important;
  font-size: 30px;
  font-weight: 700;
  line-height: 35px;
  text-align: center;
  text-decoration: none;
  text-indent: 0
}

.modal-wrapper .modal-close:hover {
  color: #2b2e38 !important
}