@charset "UTF-8";
.sp {
  display:none;
}
.pc {
  display: block;
}
h2.driver {
  font-weight: bold;
  font-size:1.4em;
}
.info-box {
    font-size:1.6em;
    box-sizing: border-box;
    margin-bottom: 0!important;
}
.prr-block {
  background-color: #80dbff1f;
  padding:2em 4em;
  max-width:900px;
  margin:3em auto 6em auto;
  width:90%;
}
.prr-block p {
  font-size:1.0em;
  line-height: 1.8;
  margin-bottom:1em;
}

.prr-block h3 {
  display: block;
  background-color: #C64041;
  text-align: center;
  font-weight: bold;
  font-size:1.0em;
  line-height: 1.8;
  color:#ffffff;
  padding:2em;
  border-radius: 10px;
}

h3.sec {
    font-weight: normal!important;
    text-align: center;
    font-size:1.0em;
}

.wlb-fl {
  display: flex;
  margin:2em auto;
  max-width:1096px;
  width:90%;
  flex-wrap: wrap;
  justify-content: space-between;
}
.wlb {
  display: flex;
  border:1px solid #cccccc;
  border-radius: 10px;
  padding:1em;
  width:49%;
  align-items: flex-start;
  margin-bottom:2em;

}
.wlb img{
  max-width:48px;
  justify-content: space-between;
}
.wlb div {
  padding:0 0 0 1em;
  text-align: left;
  
}
.wlb div h4 {
  display: block;
  margin-bottom: 0.5em;
}
.wlb div h4 sup {
  font-size: 0.7em; 
	vertical-align: top;
	position: relative;
	top: -0.1em;
}
.wlb div p span {
  font-size:0.8em;
}

.treatment {

display: flex;
flex-direction: column;
align-items: center;
padding: 3em;
gap: 32px;
max-width: 1120px;
background: linear-gradient(90deg, #F0FDF4 0%, #EFF6FF 100%);
border-radius: 10px;
flex: none;
order: 2;
align-self: stretch;
flex-grow: 0;
margin:2em auto;
}
.treatment > div {
  display: flex;
flex-direction: row;
justify-content: space-between;
}
.treatment .inner-box {
background: #FFFFFF;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px -1px rgba(0, 0, 0, 0.1);
border-radius: 10px;
width:30%;
padding:2em;
}
.treatment .inner-box img {
  max-width:48px;
  margin-bottom:1em;
}
.treatment .inner-box p:first-of-type {
  font-weight: bold;
  margin-bottom:1em;
}

.requirements {
margin-top:6em;
}

.tbCard {
box-sizing: border-box;
max-width: 1120px;
margin:3em auto;
background: #FFFFFF;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 14px;
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;
}

.bg-\[\#155dfc\] {
    --tw-bg-opacity: 1;
    background-color: rgb(21 93 252 / var(--tw-bg-opacity, 1));
}

.text-\[\#155cfb\] {
    --tw-text-opacity: 1;
    color: rgb(21 92 251 / var(--tw-text-opacity, 1));
}

table {
  width:100%;
  border-radius: 12px;
  
}

table, th {
border-collapse: separate;

}
table, th, td {
  border: 1px solid #efefef;
}

table tr th span.bg-\[\#155dfc\],
table tr th span.bg-\[\#00a63e\]  {
color:#ffffff;
font-weight: normal;
text-align: left;
display: block;
padding:0.5em;
border-radius: 12px 0 0px 0;
}
table tr th.itm2 span.bg-\[\#155dfc\] {
color:#ffffff;
font-weight: normal;
text-align: left;
display: block;
padding:0.5em;
border-radius: 0px 12px 0px 0;
}
table tr th span.bg-\[\#00a63e\] {
    --tw-bg-opacity: 1;
    background-color: rgb(0 166 62 / var(--tw-bg-opacity, 1));
    
}
table tr th.itm2 span.bg-\[\#00a63e\] {
    border-radius: 0px 12px 0px 0;
    
}

table td {
  padding:0.5em;
}

table tr.item th {
    --tw-bg-opacity: 1;
    background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    padding:0.5em;
}
table tr.itemb th {
--tw-bg-opacity: 1;
    background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    padding:0.5em;
}


table tr.item td,table tr.itemb td {

    text-align: left;
}

.point-block {
  display: flex;
  max-width: 1120px;
  margin:3em auto;
  box-sizing: border-box;
  justify-content: space-between;
}
.point-block article {
  display: block;
  width:32%;
  box-sizing: border-box;
padding:2em;
background: #FFFFFF;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 14px;
}
.point-block article h3 {
  display: flex;
  align-items: center;
  margin:0 auto 2em auto;
}
.point-block article h3 img {
  width:34px;
padding:0 10px 0 0;
}
.point-block article p {
text-align: left;
}

.entry {
  background: linear-gradient(90deg, #155DFC 0%, #193CB8 100%);
  padding:3em 0;
}
.entry h3.sec {
  color: #ffffff;
}

.entry .inner-entry-box {
border-radius: 14px;
border: 1px solid rgba(0, 0, 0, 0.10);
background: rgba(255, 255, 255, 0.95);
max-width:860px;
margin:3em auto;
box-sizing: border-box;
padding: 2em;
}
.entry .inner-entry-box  p {
  margin:0 0 1em 0;
}

.entry .inner-entry-box .info,
.entry .inner-entry-box .info-2 {
  display: flex;
  align-items: center;
  padding:1em;
}
.entry .inner-entry-box .info-2 {
  border-radius: 10px;
background: #F0FDF4;
}



.entry .inner-entry-box .info img,
.entry .inner-entry-box .info-2 img {
  width:44px;
  padding:0 10px 0 0;
}
.entry .inner-entry-box .info p,
.entry .inner-entry-box .info-2 p {
text-align: left;
margin:0;
}

a.tel-btn {
border-radius: 8px;
background: #155DFC;
display: flex;
padding: 8px 12px;
justify-content: center;
align-items: center;
gap: 16px;
color: #ffffff;
text-decoration: none;
margin:2em 1em;
font-weight: bold;
}

a.web-btn {
border-radius: 8px;
border: 1px solid rgba(0, 0, 0, 0.10);
background: #FFF;
padding: 8px 12px;
justify-content: center;
align-items: center;
gap: 16px;
color: #0A0A0A;
text-decoration: none;
margin:2em 1em;
font-weight: bold;
}
.tel-btn svg {
  width:24px;
}
.web-btn img {
  width:34px;
  padding:0 10px 0px 0;
}

.entry .btn {
  display: flex;
  justify-content: center;
}

.entry .comm {

border-radius: 4px;
border-left: 4px solid #FDC700;

background: #FEFCE8;
padding:1em;
text-align: left;
}
.entry .comm span {
  display: flex;
  align-items: center;
  font-weight: bold;
  margin-bottom:0.25em;
}
.entry .comm span img {
  width:42px;
  padding:0 10px 0 0;
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .sp {
  display:block;
}
.pc {
  display: none;
}
  .wlb-fl {
    display: block;
    margin: 2em auto;
    width: 90%;
    
}
.wlb {

    width: 90%;
    margin: 2em auto;
}
.treatment > div {
    display: block;
    width: 100%;
}
.treatment .inner-box {

    width: 100%;
margin: 2em auto;
display: block;
}
.point-block {
    display: block;
    margin: 2em auto;
}
.point-block article {

    width: 90%;
margin: 2em auto;
}
.tbCard {
  width:90%;
  margin:2em auto;
}
}