.pt-common {background-image: url(../img/pagetitle/common.webp);}
.pt-news {background-image: url(../img/pagetitle/news.webp);}
.pt-privacy {background-image: url(../img/pagetitle/privacy.webp);}
.pt-contact {background-image: url(../img/pagetitle/contact.webp);}
.pt-company {background-image: url(../img/pagetitle/company.webp);}
.pt-service {background-image: url(../img/pagetitle/service.webp);}
.pt-service_inspection {background-image: url(../img/pagetitle/service-inspection.webp);}
.pt-service_maintenance {background-image: url(../img/pagetitle/service-maintenance.webp);}
.pt-service_insurance {background-image: url(../img/pagetitle/service-insurance.webp);}
.pt-report {background-image: url(../img/pagetitle/report.webp);}
.pt-report_seibi {background-image: url(../img/pagetitle/report-seibi.webp);}
.pt-report_nousha {background-image: url(../img/pagetitle/report-nousha.webp);}
.pt-sc {background-image: url(../img/pagetitle/sc.webp);}
.pt-sc_ikuta {background-image: url(../img/pagetitle/sc-ikuta.webp);}
.pt-sc_koshigaya {background-image: url(../img/pagetitle/sc-koshigaya.webp);}
.pt-sc_chofu {background-image: url(../img/pagetitle/sc-chofu.webp);}


/* Style for PCs */
@media screen and (min-width: 1025px) {

/* Pagetitle */
.pagetitle {
  width:100%;
  height: auto;
  display: block;
  aspect-ratio: 10 / 4;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  background-size: cover;
  overflow: hidden;
  box-shadow:0px 5px 20px rgba(0,0,0,0.2);
  position: relative;
  isolation: isolate;
}
.ptcov {
  width:100%;
  height: auto;
  display: block;
  aspect-ratio: 10 / 4;
background: #090475;
background: linear-gradient(43deg, rgba(9, 4, 117, 1) 0%, rgba(9, 110, 173, 1) 43%, rgba(0, 212, 255, 0) 70%);
mix-blend-mode: overlay;
}
.ptbody {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  aspect-ratio: 10 / 4;
  padding:0 5% 6% 5%;
  position: absolute;
  top:0;
  left:0;
  z-index:2;
}
.ptbody h2 {
font-size:20px;
font-weight: 700;
line-height: 1em;
color:var(--color-white);
margin-bottom:0.8em;
text-shadow: 0px 1px 4px rgba(0,0,0,0.5);
order:2;
}
.ptbody p {
font-size:60px;
font-family: var(--font-en_nom);
font-weight: 600;
line-height: 1em;
letter-spacing: -0.01em;
color:var(--color-white);
margin-bottom:0.2em;
text-shadow: 0px 1px 4px rgba(0,0,0,0.5);
order:1;
}
.ptbody ul {
width:100%;
height: 40px;
display: flex;
justify-content: flex-start;
position: absolute;
bottom: 15px;
left:0;
z-index: 3;
padding-left:5%;
background-color: rgba(0,0,0,0.1);
border-top:1px solid rgba(255,255,255,0.5);
border-bottom:1px solid rgba(255,255,255,0.5);
}
.ptbody ul li {
  width:fit-content;
  height: 40px;
  display: block;
  font-size:12px;
  line-height: 40px;
  color: var(--color-white);
text-shadow: 0px 1px 4px rgba(0,0,0,0.5);
  margin:0;
}
.ptbody ul li:last-child:after {
  content:"";
  margin-right:0em;
}
.ptbody ul li a {
  width:100%;
  height: 40px;
  display: block;
  color:var(--color-white);
  text-decoration: none;
  padding:0 40px 0 0px;
  background-image: url(../img/header/ic-pan_ar.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: auto 100%;
}
.ptbody ul li a:hover {
  color:var(--color-5th);
  text-decoration: none;
}

}


/* Style for iPad Pro */
@media screen and (min-width: 769px) and (max-width: 1024px) {

  /* Pagetitle */
.pagetitle {
  width:100%;
  height: auto;
  display: block;
  aspect-ratio: 4 / 2;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  background-size: cover;
  overflow: hidden;
  box-shadow:0px 5px 20px rgba(0,0,0,0.2);
  position: relative;
  isolation: isolate;
}
.ptcov {
  width:100%;
  height: auto;
  display: block;
  aspect-ratio: 4 / 2;
background: #090475;
background: linear-gradient(43deg, rgba(9, 4, 117, 1) 0%, rgba(9, 110, 173, 1) 43%, rgba(0, 212, 255, 0) 70%);
mix-blend-mode: overlay;
}
.ptbody {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  aspect-ratio: 4 / 2;
  padding:0 5% 8% 5%;
  position: absolute;
  top:0;
  left:0;
  z-index:2;
}
.ptbody h2 {
font-size:16px;
font-weight: 700;
line-height: 1em;
color:var(--color-white);
margin-bottom:0.8em;
text-shadow: 0px 1px 4px rgba(0,0,0,0.5);
order:2;
}
.ptbody p {
font-size:50px;
font-family: var(--font-en_nom);
font-weight: 600;
line-height: 1em;
letter-spacing: -0.01em;
color:var(--color-white);
margin-bottom:0.2em;
text-shadow: 0px 1px 4px rgba(0,0,0,0.5);
order:1;
}
.ptbody ul {
width:100%;
height: 40px;
display: flex;
justify-content: flex-start;
position: absolute;
bottom: 15px;
left:0;
z-index: 3;
padding-left:5%;
background-color: rgba(0,0,0,0.1);
border-top:1px solid rgba(255,255,255,0.5);
border-bottom:1px solid rgba(255,255,255,0.5);
}
.ptbody ul li {
  width:fit-content;
  height: 40px;
  display: block;
  font-size:12px;
  line-height: 40px;
  color: var(--color-white);
text-shadow: 0px 1px 4px rgba(0,0,0,0.5);
  margin:0;
}
.ptbody ul li:last-child:after {
  content:"";
  margin-right:0em;
}
.ptbody ul li a {
  width:100%;
  height: 40px;
  display: block;
  color:var(--color-white);
  text-decoration: none;
  padding:0 40px 0 0px;
  background-image: url(../img/header/ic-pan_ar.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: auto 100%;
}
.ptbody ul li a:hover {
  color:var(--color-5th);
  text-decoration: none;
}

}

/* Style for Smartphone */
@media screen and (max-width: 768px) {

  /* Pagetitle */
.pagetitle {
  width:100%;
  height: auto;
  display: block;
  aspect-ratio: 1 / 1;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  background-size: cover;
  overflow: hidden;
  box-shadow:0px 5px 20px rgba(0,0,0,0.2);
  position: relative;
  isolation: isolate;
}
.ptcov {
  width:100%;
  height: auto;
  display: block;
  aspect-ratio: 1 / 1;
background: #090475;
background: linear-gradient(43deg, rgba(9, 4, 117, 1) 0%, rgba(9, 110, 173, 1) 43%, rgba(0, 212, 255, 0) 70%);
mix-blend-mode: overlay;
}
.ptbody {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  aspect-ratio: 1 / 1;
  padding:0 5% 17% 5%;
  position: absolute;
  top:0;
  left:0;
  z-index:2;
}
.ptbody h2 {
font-size:14px;
font-weight: 700;
line-height: 1em;
color:var(--color-white);
margin-bottom:0.8em;
text-shadow: 0px 1px 4px rgba(0,0,0,0.5);
order:2;
}
.ptbody p {
font-size:30px;
font-family: var(--font-en_nom);
font-weight: 600;
line-height: 1em;
letter-spacing: -0.01em;
color:var(--color-white);
margin-bottom:0.3em;
text-shadow: 0px 1px 4px rgba(0,0,0,0.5);
order:1;
}
.ptbody ul {
width:100%;
height: 40px;
display: flex;
justify-content: flex-start;
position: absolute;
bottom: 15px;
left:0;
z-index: 3;
padding-left:5%;
background-color: rgba(0,0,0,0.1);
border-top:1px solid rgba(255,255,255,0.5);
border-bottom:1px solid rgba(255,255,255,0.5);
}
.ptbody ul li {
  width:fit-content;
  height: 40px;
  display: block;
  font-size:12px;
  line-height: 40px;
  color: var(--color-white);
text-shadow: 0px 1px 4px rgba(0,0,0,0.5);
  margin:0;
}
.ptbody ul li:last-child:after {
  content:"";
  margin-right:0em;
}
.ptbody ul li a {
  width:100%;
  height: 40px;
  display: block;
  color:var(--color-white);
  text-decoration: none;
  padding:0 40px 0 0px;
  background-image: url(../img/header/ic-pan_ar.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: auto 100%;
}
.ptbody ul li a:hover {
  color:var(--color-5th);
  text-decoration: none;
}

}