@charset "UTF-8";
*, ::after, ::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent
}
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, 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") format("woff");
  font-weight: 400;
  font-style: normal
}

.inspect-page{color: #999;}

body, p, h1, h2, li{
  margin: 0;
  padding: 0;
  font-family: 'Raleway', sans-serif;  
}

p, li{
  color: #676767;
}

.inspect-page a:hover{
	text-decoration: none;
}

ul, ol{
	list-style: none;
	padding: 0;
}

img{max-width: 100%;}

.relative{
	position: relative;
}
.title.large{
	color: #283c5c;
	font-size: 48px;
	font-weight: 700;
	line-height: 1.2;
	margin-top: 0;
}

.title.medium{
	color: #283c5c;
	font-size: 36px;
	font-weight: 700;
	line-height: 1.17;
	text-align: left;
}
.title.small{
  color: #363B3F;
  font-size: 22px;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -0.44px;
}

.text{
	color: #606060;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5;
}

.white, .title.large.white, .title.medium.white, .text.white{
  color: #fff;
}

.text b, .text strong{
	font-weight: 600;
}

.text.big{
	font-size: 24px;
	font-weight: 700;
	line-height: 1;
}

.centered, .title.centered{text-align: center;}

.btn-main{
	display: flex;
	width: 220px;
	height: 40px;
	justify-content: center;
	align-items: center;	
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	max-width: max-content;
	min-width: 220px;
	border-radius: 4px;
	transition: 0.5s;
	letter-spacing: 0.6px;
  text-decoration: none;
  text-align: center;
}

.btn-main.orange{
	color: #fff;
	background-color: #e33f31;
	height: 40px;
}
.btn-main.blue{
  color: #fff;
  background-color: #00A8E7;
  height: 40px;
  max-width: max-content;
  padding: 0 20px;
}

.btn-main.orange:hover{
	background-color: #e94031;
	transform: scale(1.03);
	box-shadow: 0 0 10px #e33f31;
	text-decoration: none;
}
.btn-main.transparent{
  height: 40px;
  background: transparent;
  color: #fff;
  height: 40px;
  border: 1px solid #fff;
}
.btn-main.transparent:hover{
  transform: scale(1.03);
  box-shadow: 0 0 10px #fff;
  text-decoration: none;
}

.bg-lightgray{
	background-color: #f2f2f2;
}

.request-btn span{
	color: #fff;
}

.container.border-bottom{
	padding-bottom: 4%;
	border-bottom: 1px solid #efefef;
}

.img-absolute{
	display: block;
	position: absolute;
}

.img-box{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.mb80{margin-bottom: 80px;}
.mb50{margin-bottom: 50px;}
.mb45{margin-bottom: 45px;}
.mb35{margin-bottom: 35px;}
.mb30{margin-bottom: 30px;}
.mb25{margin-bottom: 25px;}
.mb20{margin-bottom: 20px;}
.mb15{margin-bottom: 15px;}

.def-list li, .check-list li{
	line-height: 1.2;
}
ol {
  counter-reset: list;
}
.img-absolute{
  position: absolute;
}
.flex{display: flex; flex-wrap: wrap;}
.flex.between{justify-content: space-between;}
.flex.align-center{align-items: center;}

.title.line-after{
  position: relative;
  padding-bottom: 20px;
}
.title.line-after:after{
  content: '';
  width: 60px;
  height: 1px;
  border-radius: .5px;
  background: #00A8E7;
  position: absolute;
  left: 0;
  bottom: 0;
}
.title.centered.line-after:after{
  right: 0;
  margin: 0 auto;
} 

/*=======================================*/

.inspect-page{
  overflow-x: hidden;
}
.inspect-page .padding-section{
  padding: 100px 0;
}

.inspect-page .intro{
  background: url(/landings/main-new/images/intro-bg.png) no-repeat right center / cover #00A8E7;
}
.inspect-page .intro .text-box{
  width: 50%;
}
.inspect-page .intro .title{
  line-height: 1;
}
.inspect-page .intro .text{
  font-size: 22px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.44px;
}
.inspect-page .intro .text.fz18{
  font-size: 18px;
  font-weight: 500;
}
.inspect-page .intro .btn-main{
  width: calc(50% - 8px);
  min-width: calc(50% - 8px);
  height: 42px;  
}
.inspect-page .intro .btn-box{
  max-width: 424px;
}
.inspect-page .intro .img-box{
  width: 50%;
}
.inspect-page .why .caption{
  max-width: 1100px;
  color: #363B3F;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.50;
}
.why-table{
  width: 100%;
  border-collapse: collapse;
}
.why-table th, .why-table td{
  width: 50%;
  border: 1px solid #CED9E3;
  vertical-align: middle;
  
}
.why-table th{
  height: 50px;
  background: #E8ECF2;
  color: #363B3F;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.02em;
  padding: 4px 20px;  
}
.why-table td{
  height: 74px;
  position: relative;
  padding: 4px 20px 4px 60px;
}
.why-table td:before {
  content: '';
  position: absolute;
  top: 0;
  left: 20px;
  bottom: 0;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  background: url(/landings/inspect/images/icon.png) no-repeat center / contain;
  margin: auto 0;
}
.why-table td:first-child:before {
  background-image: url(/landings/inspect/images/close.svg);
}
.why-table td .ttl{
  color: #363B3F;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 4px;
}
.why-table td .text{
  color: #606060;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

.inspect-page .steps-section{
  background: #F8FDFF;
}
.inspect-page .steps-section .caption{
  max-width: 1100px;
  color: #363B3F;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.50;
}
.inspect-page .steps-list li{
  width: calc(33.33% - 20px);
  background: #fff;
  margin-bottom: 30px;
}
.inspect-page .steps-list .img-wrap{
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding-bottom: 55%;
}
.inspect-page .steps-list .text-wrap{
  padding: 15px 8px 30px;
}
.inspect-page .steps-list .text-wrap:before{
  counter-increment: list;
  content: counter(list);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 27px;
  height: 24px;
  border-radius: 4px;
  background: rgba(0, 168, 231, 0.1);
  color: #00A8E7;
  font-weight: 600;
  line-height: 1;
  margin: 0 auto 15px;
}
.inspect-page .steps-list .text{
  max-width: 220px;
  color: #363B3F;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.02em;
  margin: 0 auto;
}
.inspect-page .embed-container embed{
  height: 500px;
}
.inspect-page .report-section .caption{
  max-width: 1100px;
  color: #363B3F;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.50;
}
.inspect-page .out-section{
  background: #F8FDFF;
}
.inspect-page .out-section .text-box{
  width: calc(50% - 50px);
}
.inspect-page .out-section .img-box{
  width: 50%;
}
.inspect-page .out-section .img-box img{
  display: block;
  width: 100%;
  border-radius: 6px;
}
.inspect-page .out-list li{
  display: flex;
  align-items: center;
  color: #363B3F;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.02em;
  margin-bottom: 30px;
}
.inspect-page .out-list li:last-child{
  margin-bottom: 0;
}
.inspect-page .out-list .ico{
  width: 54px;
  height: 54px;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-color: rgba(0, 168, 231, 0.10);
  margin-right: 30px;
}
.inspect-page .form-section .img-box{
  width: 44.3%;
}
.inspect-page .form-section .img-box img{
  display: block;
  width: 100%;
}
.inspect-page .form-section .form-box{
  width: 40%;
}
.inspect-page .form-section .form-field {
  border: 1px solid #CED9E3;
  width: 100%;
  resize: none;
}
.inspect-page .form-section .form-field:focus {
  border-color: #00A8E7;
}
.inspect-page .form-section .small-text-form {
  color: #9A9A9A;
}
.inspect-page .form-section .main-form-submit{
  display: flex;
  height: 40px;
  justify-content: center;
  align-items: center;  
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  max-width: max-content;
  border-radius: 4px;
  border: none;
  transition: 0.5s;
  letter-spacing: 0.6px;
  text-decoration: none;
  text-align: center;
  color: #fff;
  background-color: #00A8E7;
  max-width: max-content;
  padding: 0 20px;
  margin-top: 30px;
}
.inspect-page .faq-section{
  background: #F8FDFF;
}
.faq-accordion-list {
  list-style: none;
  padding: 0;
}
.faq-accordion-list > li{
  border: none;
  border-bottom: 1px solid #E4E4E4;
}
.faq-accordion .answer {
  overflow: hidden;
  display: none;
  background: transparent;
  padding: 8px 20px;
  width: 100%;
}
.faq-accordion-list .question {
  width: 100%;
  background: transparent;
  font-size: 22px;
  color: #363B3F !important;
  padding: 20px 8px;
  border-radius: 6px;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: none;
}
.faq-accordion-list .question .question-icon{
  color: #00A8E7;
}
.faq-accordion-list .question.open {
  color: #363B3F !important;
  background: transparent;
  border: none;
}
.faq-accordion-item {
  margin-bottom: 10px;
  border: 1px solid #e5e5e5;
  font-size: 16px;
}
.faq-accordion-list .question.open:hover {
  color: #fff;
}
.faq-accordion-list .def-list li{
  position: relative;
  line-height: normal;
  padding-left: 16px;
  margin-bottom: 10px;
}
.faq-accordion-list ul.def-list > li:before{
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #00A8E7;
  position: absolute;
  top: 0.24em;
  left: 0;
}
.faq-accordion-list ol.def-list  li:before{
  counter-increment: list;
  content: counter(list)'. ';
  color: #00A8E7;
}
.short-form-setion{
  background: #00A8E7;
  padding: 53px 0;
}
.short-form-setion .main-form{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;  
}
.short-form-setion .form-field{
  width: 40%;
  height: 40px;
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
  box-sizing: border-box;
  padding: 9px 14px;
}
.short-form-setion .form-field::placeholder{
  color: #fff;
}
.short-form-setion .main-form .main-form-submit{
  display: flex;
  width: 204px;
  min-width: 204px;
  height: 40px;
  justify-content: center;
  align-items: center;  
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  max-width: max-content;
  border-radius: 4px;
  border: none;
  transition: 0.5s;
  letter-spacing: 0.6px;
  text-decoration: none;
  text-align: center;
  color: #fff;
  background-color: #e33f31;
  height: 40px;
  margin-bottom: 9px;
}
.short-form-setion .g-recaptcha{
  order: 4;
  margin: 0!important;
}
.short-form-setion .small-text-form {
  order: 5;
  width: auto;
  margin: 0 0 0 auto;
}
.short-form-setion .small-text-form a{
  color: #363B3F;
}
.short-form-setion .small-text-form a:hover{
  color: #E33F31;
}
.footer-social{
  margin-top: 30px;
}

.footer-social a{
  margin-left: 20px;
  color: #fff;
  font-size: 30px;
}

.footer-social a:hover{
  color: #00a8e7;
}
@media(max-width: 992px){
  .inspect-page .form-section .img-box{display: none;}
  .inspect-page .form-section .form-box{width: 100%}
}
@media(max-width: 768px){
    .title.large{font-size: 30px;}
    .title.medium {font-size: 30px}
    .inspect-page .padding-section {padding: 60px 0}
    .inspect-page .intro{padding-top: 60px}
    .inspect-page .intro .text-box{width: 100%; margin-bottom: 30px}
    .inspect-page .intro .text {font-size: 18px}
    .inspect-page .intro .img-box{width: 100%;}
    .why-table{text-align: center;}
    .why-table th{height: auto; padding: 12px 8px}
    .why-table td{height: auto; vertical-align: top; padding: 50px 8px 12px}
    .why-table td:before{top: 8px; left: 0; right: 0; bottom: auto; margin: 0 auto}
    .inspect-page .steps-list li{width: calc(50% - 10px);margin-bottom: 20px}
    .inspect-page .steps-list .text-wrap{padding-bottom: 15px}
    .inspect-page .embed-container{display: none;}
    .inspect-page .out-section .text-box{width: 100%}
    .inspect-page .out-section .text-box br{display: none;}
    .inspect-page .out-section .img-box{display: none;}
    .inspect-page .out-list li {margin-bottom: 16px}
    .inspect-page .out-list .ico{margin-right: 16px}
    .short-form-setion .form-field{width: 100%;}
    .short-form-setion .main-form .main-form-submit{width: 100%; min-width: 100%;}
    .short-form-setion .small-text-form {text-align: left; margin-top: 9px}
}
@media(max-width: 425px){
  .inspect-page .intro .btn-main{font-size: 10px}
  .why-table td .ttl{font-size: 12px}
  .why-table td .text{font-size: 14px}
  .inspect-page .steps-list li{width: 100%}
}