@charset "utf-8";



/* added by harada 2022-10-13 ここから*/

/* textbox001　色付き点線枠　*/
.textbox001 {
padding: 0.2em 0.5em;
margin: 2em 0;
color: #565656;
background: #ffeaea;
box-shadow: 0px 0px 0px 10px #ffeaea;
border: dashed 2px #f3a69d;
border-radius: 8px;
}
.textbox001 p {
margin: 0;
padding: 0;
}

/* textbox002　見出しタイトル付き枠　*/
.textbox002 {
position: relative;
margin: 2em 0;
padding: 0.5em 1em;
border: solid 3px #000;
}
.textbox002 .box-title {
position: absolute;
display: inline-block;
top: -27px;
left: -3px;
padding: 0 9px;
height: 25px;
line-height: 25px;
font-size: 17px;
background: #000;
color: #ffffff;
font-weight: bold;
border-radius: 5px 5px 0 0;
}
.textbox002 p {
margin: 0;
padding: 0;
}

/* textbox003 角丸枠*/
.textbox003 {
border: 2px solid #aaa;

padding: 2em;
border-radius: 15px;
}

/* textbox004 影付き枠白*/
.textbox004 {
margin: 2em auto;
padding: 1em;
width: 98%;
background-color: #ffffff;
box-shadow: 0 0 5px 1.5px #a9a9a9;
}

/* textbox005 影付き色枠　ピンク*/
.textbox005 {
margin: 2em auto;
padding: 1em;
width: 98%;
background-color: #fef6f5;
box-shadow: 0 0 5px 1.5px #a9a9a9;
}

/* textbox006 影付き色枠　ベージュ*/
.textbox006 {
margin: 2em auto;
padding: 1em;
width: 98%;
background-color: #fdf4e2;
box-shadow: 0 0 5px 1.5px #a9a9a9;
}

/* QA よくあるご質問*/

.qaContainer dt {
display: flex;
padding: 10px 10px 10px 35px;
border-radius: 5px;
background: #e1ebcf;
font-size: 20px;
text-indent: 10px;
height: 70px;
line-height: 50px;
}
.qaContainer dt:before {
content: "Q.";
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
width: 50px;
height: 50px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
color: #fff;
font-size: 24px;
font-weight: 700;
text-indent: 5px;
background: #9ed702;
}
.qaContainer dd {
display: flex;
margin: 20px 10px 40px 35px;
text-indent: 0px;
}
.qaContainer dd:before {
content: "A.";
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
width: 50px;
height: 50px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
color: #fff;
font-size: 24px;
font-weight: 700;
text-indent: 5px;
background: #f49d4f;
}

.qaa-text p{
margin: 0px 10px 10px 10px;
width: 100%;
}

#qa1{
padding-top:150px;
margin-top:-150px;
}

#qa2{
padding-top:150px;
margin-top:-150px;
}

#qa3{
padding-top:150px;
margin-top:-150px;
}

#qa4{
padding-top:150px;
margin-top:-150px;
}

#qa5{
padding-top:150px;
margin-top:-150px;
}

#qa6{
padding-top:150px;
margin-top:-150px;
}

/* SP縦積みテーブル1*/

.tbl-v1 {
  margin: 0 0 0.8rem 0;
  border: 1px solid #000;
  border-collapse: collapse;
  border-spacing: 0;
  padding: 0;
  width: 100%;
  }

.tbl-v1 th {
  border: 1px solid #dee2e6;
  background: #E2EFDA;
  text-align: center;
  padding: 0.75rem;
}
  
.tbl-v1 td {
  border: 1px solid #dee2e6;
  text-align: center;
  padding: 0.75rem;
}


.tbl-v1 td:first-child {
  background: #FFFFF0;
  text-align: center;
  padding: 0.75rem;

}

/* SP縦積みテーブル2 オートサービス辻井ガラスコーティング*/

.tbl-v2 {
  margin: 0 0 0.8rem 0;
  border: 1px solid #000;
  border-collapse: collapse;
  border-spacing: 0;
  padding: 0;
  width: 100%;
  }

.tbl-v2 th {
  border: 1px solid #dee2e6;
  background: #014fa2;
  text-align: center;
  padding: 0.75rem;
}
  
.tbl-v2 td {
  border: 1px solid #000;
  text-align: left;
  padding: 10px 10px 30px 10px;
}


.tbl-v2 td:first-child {
  background: #e2e9f1;
  text-align: center;
  font-weight: bold;
  padding: 0.75rem;
  width: 30%;

}

#domestic{
padding-top:150px;
margin-top:-150px;
}

#import{
padding-top:150px;
margin-top:-150px;
}

#domestic_price{
padding-top:150px;
margin-top:-150px;
}

#import_price{
padding-top:150px;
margin-top:-150px;
}

.btn-primary {
    width: 80%;
}

.anime_test {
    display:  block;                /* ブロック要素にする */
    margin: 0 auto;                 /* 要素中央揃え */
    position:  relative;            /* 位置指定 */
    animation: anime1 1s ease;      /* アニメーション指定 */
}
 
@keyframes anime1 {
    0% {
        opacity:  0;                /* 透明度指定 */
        top: 50px;                  /* 位置指定 */
    }
    100% {
        opacity:  1;                /* 透明度指定 */
        top: 0;                     /* 位置指定 */
    }
}


/* added by harada 2022-10-13 ここまで*/