@charset "utf-8";

/* CSS Document */


/* -----------------------------------------------------------------------------
	common
 -------------------------------------------------------------------------------*/
/* font */
.ff-c80 {
  width: calc(100% / 0.8);  
  transform: scale(0.8, 1);
  transform-origin: left center;
}
.fc-blue { color:#014099; }
.fc-red { color:#e60013; }

.line-2s { line-height: 1.2; }
.line-s { line-height: 1.4; }
.line-m { line-height: 1.8; }
.line-l { line-height: 2.0; }

.txt-nowrap { display: inline-block; }

/* icon */
.-newwin[target="_blank"]:after {
  content: "";
  width: 1em;
  height: 1em;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  margin-bottom: 0.1rem;
  background: currentColor;
  color: currentColor;
  mask-repeat: no-repeat;
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="m22.9999938,1v10.3563823h-1.5V3.5606079l-11.3617219,11.3621492-1.0605469-1.0605469L20.439508,2.5h-7.7958965v-1.5h10.3563823Zm-1.4999938,14.3959941v4.6040059c0,.8270874-.6729126,1.5-1.5,1.5H4c-.8270874,0-1.5-.6729126-1.5-1.5V4c0-.8270874.6729126-1.5,1.5-1.5h4.5776997v-1.5h-4.5776997c-1.6568604,0-3,1.3431396-3,3v16c0,1.6568604,1.3431396,3,3,3h16c1.6568604,0,3-1.3431396,3-3v-4.6040059h-1.5Z"/></svg>');
}
.-newwin[target="_blank"]:after,
.-newwin[target="_blank"]:hover:after { color: inherit; }

.line-btn {
  display: inline-block;
	width:100%;
	height:auto;
	max-width:185px;
	max-height:105px;
  margin-top: 1em;
}

.tel {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 1000px;
  padding: 1em 2em;
  box-sizing: border-box;
  border: 2px solid #d0111b;
  background-color: #fff;
}
.tel .tel-title {
  white-space: nowrap;
}
.tel .tel-number {
  width: 468px;
  display: flex;
  align-items: center;
  white-space: nowrap;
  margin-left: 24px;
}
.tel .tel-number .tel-icon {
  margin-right: 16px;
}
.tel .tel-number .ff-c80 {
  font-size: 62px;
  font-weight: bold;
  margin-right: -20%;
}
.tel .tel-info {
  margin-left: 48px;
}
@media (max-width:1200px) {
  .tel {
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 24px;
  }
  .tel .tel-title {
    white-space: nowrap;
  }
  .tel .tel-number {
    margin-left: 0;
  }
  .tel .tel-info {
    width: 18em;
    text-align: center;
    margin-left: 0;
  }
}

.table-content th {
  white-space: inherit;
}

.vehicle-inspection .mv {
	background-image:url(../image/contents/vehicle-inspection_renew/00.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:contain;
	width:100%;
	height:0;
	padding-top:36.585%;
	margin-bottom:30px;
}

.vehicle-inspection-use {
	padding-bottom:30px;
}

.vehicle-inspection-use ul {
	list-style:none;
	margin:0;
	padding:0;
	width:calc(100% + 10px);
}

.vehicle-inspection-use ul li {
	width:calc(50% - 10px);
	margin-right:10px;
	margin-bottom:10px;
	background-color:#cbe4ff;
	height:50px;
	line-height:59px;
	text-align:center;
	font-weight:bold;
	color:#003e83;
	float:left;
	font-size:18px;
}

@media screen and (max-width: 750px) {
	.vehicle-inspection-use ul {
		width:100%;
	}
	.vehicle-inspection-use ul li {
		width:100%;
		margin-right:0;
	}
}

.raracard-comment {
	font-size:28px;
	color:#FF1E22;
	font-weight:bold;
}


/* -----------------------------------------------------------------------------
	reason
 -------------------------------------------------------------------------------*/
.reason-list {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 24px;
  padding: 0;
  margin: 0;
}
@media (max-width:1200px) {
  .reason-list {
    grid-template-columns: repeat(2,1fr);
  }
}
.reason-list li {
  display: flex;
  align-items: center;
  border-bottom: none;
}
.reason-list .reason-list-num {
  display: inline-block;
  width: 2em;
  background-color: #d0111b;
  border-radius:50%;
  color: #fff;
  font-weight: bold;
  font-size: 1.75rem;
  text-align: center;
}
.reason-list li p {
  width: calc(100% - 60px);
  margin-top: 0;
  line-height: 1.2;
}


/* -----------------------------------------------------------------------------
	line
 -------------------------------------------------------------------------------*/
.line {
  padding: 48px 20px;
  box-sizing: border-box;
  background-color: #f2fff2;
}
.line-inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.line .catch {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #002828;
  font-size: 36px;
  margin-bottom: 1em;
}
.line .catch .line-icon {
  display: inline-block;
  margin-right: 6px;
}
.line .line-content {
  display: flex;
  gap: 36px;
  margin-bottom: 36px;
}
.line .line-content .line-img {
  width: 100%;
  max-width: 476px;
  height: auto;
}
.line .line-content .line-description p {
  margin-top: 0;
  font-size: 112.5%;
}
@media (max-width:1200px) {
  .line .catch {
    font-size: 30px;
  }
  .line .line-content {
    flex-wrap: wrap;
  }
  .line .line-content .line-img {
    margin: 0 auto;
  }
}


/* -----------------------------------------------------------------------------
	syaken-intro
 -------------------------------------------------------------------------------*/
.syaken-intro { margin-top: 72px; }
.syaken-intro-title {
  width: 100%;
  max-width: 840px;
  margin: 0 auto;
}
.syaken-intro-title img {
  width: 100%;
  height: auto;
}
.syaken-intro p { font-size: 24px; }
.syaken-intro p span { font-size: 36px; }

/* -----------------------------------------------------------------------------
	syaken
 -------------------------------------------------------------------------------*/
/* car-class */
.car-class-list {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 36px;
  margin-bottom: 72px;
}
@media (max-width:1760px) {
  .car-class-list {
    grid-template-columns: repeat(2,1fr);
  }
}
@media (max-width:1200px) {
  .car-class-list {
    grid-template-columns: repeat(1,1fr);
  }
}

a.car-class {
  width: 100%;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 12px;
  color: inherit;
  text-decoration: none;
  transition: 0.2s;
}
a.car-class:hover {
  opacity: 0.8;
}

.car-class-title {
  position: relative;
  width: 100%;
  height: 50px;
  background: #F8CCC2;
  background: radial-gradient(circle, rgba(248, 204, 194, 1) 0%, rgba(237, 119, 123, 1) 100%);
  border: 3px solid #e60013;
  border-bottom: none;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  box-sizing: border-box;
}
.car-class-title strong {
  display: block;
  position: absolute;
  left: 10px;
  bottom: 12px;
  color: #fff;
  line-height: 1;
  font-size: 30px;
  text-shadow:3px 3px 3px #e6000a, -3px -3px 3px #e6000a,
              -3px 3px 3px #e6000a, 3px -3px 3px #e6000a,
              0px 3px 3px #e6000a,  0 -3px 3px #e6000a,
              -3px 0 3px #e6000a, 3px 0 3px #e6000a;
}
.car-class-title strong span {
  font-size: 48px;
}
.car-class-title p {
  position: absolute;
  right: 10px;
  bottom: 12px;
  margin: 0;
  font-weight: bold;
}
@media (max-width:1300px) {
  .car-class-title p {
    font-size: 87.5%;
  }
}

.car-class-content-wrap {
  width: 100%;
  border: 3px solid #e60013;
  border-top: none;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  padding: 1em;
  box-sizing: border-box;
}
.car-class-content-wrap p {
  margin: 0;
}

.car-class-content {
  position: relative;
  width: 100%;
  height: 142px;
}
@media (max-width:640px) {
  .car-class-content {
    height: 152px;
  }
}
.car-class-content .car-class-img {
  position: absolute;
  top: -6px;
  left: 0;
}
.car-class-content .car-class-name {
  position: absolute;
  top: 0;
  right: 0;
}
.car-class-content .car-class-price {
  position: absolute;
  top: 32px;
  right: 0;
  font-size: 62px;
  text-align: right;
}
.car-class-content .car-class-price .ff-c80 {
  color: #fef101;
  font-weight: bold;
  text-shadow:3px 3px 3px #e6000a, -3px -3px 3px #e6000a,
              -3px 3px 3px #e6000a, 3px -3px 3px #e6000a,
              0px 3px 3px #e6000a,  0 -3px 3px #e6000a,
              -3px 0 3px #e6000a, 3px 0 3px #e6000a;
}
.car-class-content .car-class-price .ff-c80 span {
  font-size: 36px;
}
.car-class-content .car-class-price-zei {
  position: absolute;
  top: 52px;
  right: 0;
  font-size: 12px;
}
@media (max-width:640px) {
  .car-class-content {
    height: 152px;
  }
  .car-class-content .car-class-price {
    top: 46px;
  }
  .car-class-content .car-class-price-zei {
    right: -6px;
    top: 64px;
    font-size: 72.5%;
  }
}
/*
@media (max-width:1200px) {
  .car-class-content {
    height: 200px;
  }
  .car-class-content .car-class-name {
    top: auto;
    bottom: 84px;
  }
  .car-class-content .car-class-price {
    top: auto;
    bottom: 0;
  }
  .car-class-content .car-class-price-zei {
    top: auto;
    bottom: 60px;
  }
}
*/

.car-class-btn {
  width: 100%;
  padding: .25em 0;
  background-color: #014099;
  border-radius: 1em;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

.car-syaken-price {
  margin-top: 36px;
}
.car-syaken-price-title {
  display: block;
  width: 100%;
  border-bottom: 2px solid #004a9e;
  font-size: 36px;
}
.car-syaken-price-title-img {
  width: 120px;
}
.car-syaken-price-title small {
  font-size: 20px;
  font-weight: normal;
}
@media (max-width:1200px) {
  .car-syaken-price-title {
    line-height: 1.4;
  }
  .car-syaken-price-title-img {
    display: block;
    float: left;
    margin-top: 10px;
    margin-right: 10px;
  }
  .car-syaken-price-title small {
    display: block;
    width: calc(100% - 130px);
    margin-left: 130px;
    margin-top: 0;
    margin-bottom: 0.5em;
  }
}
@media (max-width:1000px) {
  .car-syaken-price-title {
    font-size: 175%;
  }
  .car-syaken-price-title-img {
    margin-top: 6px;
  }
  .car-syaken-price-title small {
    font-size: 75%;
  }
}
@media (max-width:640px) {
  .car-syaken-price-title {
    font-size: 150%;
  }
  .car-syaken-price-title-img {
    margin-top: 6px;
  }
  .car-syaken-price-title small {
    font-size: 75%;
  }
}

.car-syaken-price .price-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 1em;
}
.car-syaken-price .price-table th,
.car-syaken-price .price-table td {
  border: 1px solid #ccc;
  padding: 16px;
}
.car-syaken-price .price-table th {
  text-align: center;
  font-size: 24px;
}
.car-syaken-price .price-table thead th {
  width: 25%;
  background-color: #eee;
  color: #fff;
  padding: 24px;
}
.car-syaken-price .price-table thead th.price-title { min-width: 5em; }
.car-syaken-price .price-table thead th.economy { background-color: #00b4ee; }
.car-syaken-price .price-table thead th.hosyu { background-color: #e60013; }
.car-syaken-price .price-table thead th.refresh { background-color: #2ec57c; }
.car-syaken-price .price-table thead th a.btn {
  display: inline-block;
  margin-top: 0.5em;
  padding: 0.25em 1em;
  background-color: #fff;
  border-radius: 2em;
  font-size: 87.5%;
  text-decoration: none;
  transition: .2s;
  line-height: 1.2;
}
.car-syaken-price .price-table thead th a.btn:hover {
  opacity: .8;
}
.car-syaken-price .price-table thead th.economy .btn { color: #00b4ee; }
.car-syaken-price .price-table thead th.hosyu .btn { color: #e60013; }
.car-syaken-price .price-table thead th.refresh .btn { color: #2ec57c; }

.car-syaken-price .price-table .calc {
  display: flex;
  align-items: center;
  justify-content: center;
}
.car-syaken-price .price-table .calc div {
  text-align: center;
  margin: 0 0.5em;
}
.car-syaken-price .price-table .calc div.syokei {
  margin: 0 0 0 0.5em;
  font-size: 24px;
  font-weight: bold;
}

.car-syaken-price .price-table .goukei {
  font-size: 24px;
  font-weight: bold;
}
@media (max-width:1200px) {
  .car-syaken-price .price-table th {
    font-size: 125%;
  }
  .car-syaken-price .price-table thead th {
    width: auto;
    padding: 1em 0.5em;
  }
  .car-syaken-price .price-table thead th.economy,
  .car-syaken-price .price-table thead th.hosyu,
  .car-syaken-price .price-table thead th.refresh {
    width: auto;
  }
  .car-syaken-price .price-table thead th a.btn {
    font-size: 75%;
  }
  .car-syaken-price .price-table .calc {
    flex-wrap: wrap;
  }
  .car-syaken-price .price-table .calc div {
    margin: 0 0.25em;
  }
  .car-syaken-price .price-table .calc div.syokei {
    margin: 0.5em 0 0 0;
    width: 100%;
    text-align: right;
    font-size: 125%;
  }
  .car-syaken-price .price-table .goukei {
    font-size: 125%;
  }
}
@media (max-width:640px) {
  .car-syaken-price .price-table th {
    font-size: 87.5%;
  }
  .car-syaken-price .price-table thead th a.btn {
    font-size: 75%;
  }
  .car-syaken-price .price-table tbody th,
  .car-syaken-price .price-table tbody td {
    font-size: 80%;
  }
  .car-syaken-price .price-table tbody th {
    width: 5em;
    padding: 0.5em;
  }
  .car-syaken-price .price-table .goukei {
    font-size: 112.5%;
  }
}

.syaken .hosoku {
  margin-top: 60px;
  padding: 30px;
  background-color: #f7fbff;
  box-sizing: border-box;
}
.syaken .hosoku strong {
  display: block;
  font-size: 30px;
  margin-bottom: 24px;
}


/* -----------------------------------------------------------------------------
	plan
 -------------------------------------------------------------------------------*/
.plan-list {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 36px;
}

.plan-item {
  padding: 30px;
  box-sizing: border-box;
}
#economy.plan-item {
  background-color: #f2fcff;
  border: 2px solid #00b4ee;
}
#hoshu.plan-item {
  background-color: #fff2f3;
  border: 2px solid #e60013;
}
#refresh.plan-item {
  background-color: #f2fff9;
  border: 2px solid #2ec57c;
}
.plan-item .plan-img {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
}
.plan-item .plan-img img {
  width: 100%;
  height: auto;
}

.plan-item .plan-title {
  display: block;
  margin-top: 16px;
  font-size: 30px;
}
#economy.plan-item .plan-title { color: #00b4ee }
#hoshu.plan-item .plan-title { color: #e60013 }
#refresh.plan-item .plan-title { color: #2ec57c }

.plan-item .osusume {
  display: block;
  margin-top: 16px;
  font-size: 125%;
}
.plan-item ul li {
  border-bottom: none;
}

.plan .hosoku strong {
  font-weight: normal;
}
.plan .hosoku strong span {
  color: #2ec57c;
  font-size: 125%;
}
@media (max-width:1440px) {
  .plan-item .plan-title {
    font-size: 150%;
    line-height: 1.4;
  }
}
@media (max-width:1200px) {
  .plan-list {
    grid-template-columns: repeat(1,1fr);
  }
  .plan-item {
    display: flex;
    gap: 24px;
  }
  .plan-item .plan-title {
    margin-top: 0;
  }
}
@media (max-width:640px) {
  .plan-item {
    flex-wrap: wrap;
  }
  .plan-item .plan-img {
    width: 100%;
    margin: 0 auto;
  }
  .plan-item .plan-description {
    width: 100%;
  }
  .plan-item .plan-title {
    margin-top: 24px;
  }
}


/* -----------------------------------------------------------------------------
	mitsumori
 -------------------------------------------------------------------------------*/
.mitsumori {
  margin-top: 48px;
  padding: 48px 20px;
  background-color: #f2fcff;
}
.mitsumori-inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.mitsumori-img {
  width: 400px;
}
.mitsumori-img img {
  width: 100%;
  height: auto;
}
.mitsumori-content {
  display: flex;
  gap: 36px;
  margin-bottom: 36px;
}
.mitsumori .catch {
  color: #002828;
  font-size: 36px;
  margin-bottom: 1em;
  line-height: 1.4;
}
@media (max-width:1200px) {
  .mitsumori .catch {
    font-size: 175%;
  }
}
@media (max-width:640px) {
  .mitsumori-content {
    flex-wrap: wrap;
  }
  .mitsumori-img {
    margin: 0 auto;
  }
  .mitsumori-description {
    width: 100%;
  }
}


/* -----------------------------------------------------------------------------
	melit
 -------------------------------------------------------------------------------*/
.melit {
  margin-top: 72px;
  padding: 48px;
  border: 4px solid #eeeeee;
  box-sizing: border-box;
  background-image: url("../image/contents/vehicle-inspection_renew/melit-bg.png");
  background-repeat: no-repeat;
  background-position: top left;
}
.melit-inner {
  display: flex;
} 
.melit-title {
  width: 520px;
  margin-right: 36px;
}
.melit-title strong {
  display: block;
  margin-bottom: 36px;
  font-weight: 900;
  text-shadow:3px 3px 3px #fff, -3px -3px 3px #fff,
              -3px 3px 3px #fff, 3px -3px 3px #fff,
              0px 3px 3px #fff,  0 -3px 3px #fff,
              -3px 0 3px #fff, 3px 0 3px #fff;
}
.melit-title strong .f-size01 { font-size: 36px; }
.melit-title strong .f-size02 { font-size: 100px; }
.melit-title strong .f-size03 { font-size: 70px; }

.melit-title img {
  display: block;
  margin: 0 auto;
}

.melit-list {
  width: calc(100% - 556px);
}
.melit-list ol {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}
.melit-list ol li {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  font-size: 24px;
  font-weight: 900;
  line-height: 1.3;
}
.melit-list ol li .num {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 48px;
  background-color: #014099;
  color: #fff;
  font-size: 30px;
  line-height: 1;
}
.melit-list ol li .text {
  width: calc(100% - 84px);
}
@media (max-width:1640px) {
  .melit-inner {
    flex-wrap: wrap;
  } 
  .melit-title {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto 36px;
  }
  .melit-title img {
    width: 100%;
    height: auto;
    max-width: 362px;
  }
  .melit-list {
    width: 100%;
  }
}
@media (max-width:1300px) {
  .melit {
    padding: 30px;
  }
  .melit-title {
    justify-content: center;
    flex-wrap: wrap;
  }
  .melit-title img {
    width: 100%;
    height: auto;
    max-width: 362px;
  }
  .melit-list {
    width: 100%;
  }
}

/* -----------------------------------------------------------------------------
	shugo-cin
 -------------------------------------------------------------------------------*/
.shugo-cin {
  display: flex;
  margin-top: 30px;
  padding: 20px 30px;
  border: 4px solid #178a53;
  box-sizing: border-box;
}
.shugo-cin-image {
  width: 418px;
  margin-right: 30px;
}
.shugo-cin-descripion {
  position: relative;
  width: calc(100% - 448px);
}
.shugo-cin-descripion p {
  font-size: 137.5%;
  font-weight: 500;
  margin: 0;
  line-height: 1.3;
}
.shugo-cin-descripion .point {
  position: absolute;
  top: 60px;
  left: 0;
  color: #fef101;
  font-size: 48px;
  font-weight: 900;
  line-height: 1.2;
  text-shadow:2px 2px 0 #003e83, -2px -2px 0 #003e83,
              -2px 2px 0 #003e83, 2px -2px 0 #003e83,
              0px 2px 0 #003e83,  0 -2px 0 #003e83,
              -2px 0 0 #003e83, 2px 0 0 #003e83;
}
.shugo-cin-descripion .point .f-size01 { font-size: 36px; }
.shugo-cin-descripion .point .f-size02 { font-size: 66px; }
.shugo-cin-descripion .point .fc-change {
  color: #ec1e23;
  text-shadow:2px 2px 0 #fef101, -2px -2px 0 #fef101,
              -2px 2px 0 #fef101, 2px -2px 0 #fef101,
              0px 2px 0 #fef101,  0 -2px 0 #fef101,
              -2px 0 0 #fef101, 2px 0 0 #fef101;
}

.shugo-cin-descripion .aircon {
  position: absolute;
  top: 0;
  right: 140px;
}
.shugo-cin-descripion .navi {
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width:1870px) {
  .shugo-cin {
    height: 240px;
  }
  .shugo-cin-descripion .point .f-size02 {
    display: inline-block;
  }
  .shugo-cin-descripion .aircon {
    top: 140px;
  }
  .shugo-cin-descripion .navi {
    top: 140px;
  }
}
@media (max-width:1550px) {
  .shugo-cin {
    flex-wrap: wrap;
    height: 340px;
  }
  .shugo-cin-image {
    max-height: 131px;
    margin: 0 auto;
  }
  .shugo-cin-descripion {
    width: 100%;
    height: 200px;
    margin-top: 24px;
  }
  .shugo-cin-descripion .aircon {
    top: 0;
  }
  .shugo-cin-descripion .navi {
    top: 0;
  }
}
@media (max-width:1420px) {
  .shugo-cin {
    height: 400px;
  }
  .shugo-cin-descripion .aircon {
    top: 140px;
  }
  .shugo-cin-descripion .navi {
    top: 140px;
  }
}
@media (max-width:1100px) {
  .shugo-cin {
    height: auto;
  }
  .shugo-cin-descripion {
    height: auto;
    position: static;
  }
  .shugo-cin-descripion .point {
    position: static;
    width: 480px;
    margin-top: 24px;
    margin-bottom: 24px;
    float: left;
  }
  .shugo-cin-descripion .aircon {
    position: static;
    display: inline-block;
    margin-top: 24px;
    margin-right: 24px;
    margin-left: auto;
  }
  .shugo-cin-descripion .navi {
    position: static;
    display: inline-block;
    margin-top: 24px;
    margin-right: auto;
  }
}


/* -----------------------------------------------------------------------------
	faq
 -------------------------------------------------------------------------------*/
.accordion-header {
  padding: 0.5em 2.5em 0.5em 1em;
  margin-bottom: 0.5em;
  transition: background .3s ease;
  cursor: pointer;
  position: relative;
  color:#014099;
  font-size: 150%;
  font-weight: bold;
}

.accordion-header::before,
.accordion-header::after{
  position:absolute;
  content:'';
  top:1px;
  right:20px;
  bottom:0;
  width:16px;
  height:2px;
  margin:auto;
  background: #014099;
}
.accordion-header::after{
  transform:rotate(-90deg);
  transition:transform 0.3s;
}
.accordion-header.active::after{transform:rotate(0deg);}

.accordion-content {
  display: none;
  background-color: #cfe2fe;
  padding: 0.5em 1em;
  margin-bottom: 1em;
  font-size: 150%;
}

.accordion-header span,
.accordion-content span{
  position: relative;
}

.accordion-header span::before{
  content:"Q：";
  display: inline-block;
}


.accordion-content span::before{
  content:"A：";
  display: inline-block;
  color: #151E2F;
}

/* hover */
.accordion-header:hover {
  background-color: #f2fcff;
}
@media (max-width:640px) {
  .accordion-header {
    font-size: 112.5%;
  }
  .accordion-content {
    font-size: 112.5%;
  }
}


/* -----------------------------------------------------------------------------
	end-catch
 -------------------------------------------------------------------------------*/
.end-catch {
  width: 100%;
  min-height: 306px;
  margin-top: 0;
  margin-bottom: 72px;
  padding: 30px;
  border: 4px solid #014099;
  box-sizing: border-box;
  background-image: url("../image/contents/vehicle-inspection_renew/catch-bg.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top right;
}
.end-catch p {
  margin: 0;
  font-size: 24px;
  line-height: 1.5;
  text-shadow:2px 2px 0 #fff, -2px -2px 0 #fff,
              -2px 2px 0 #fff, 2px -2px 0 #fff,
              0px 2px 0 #fff,  0 -2px 0 #fff,
              -2px 0 0 #fff, 2px 0 0 #fff;
}
.end-catch .f-size01 { font-size: 36px; }
.end-catch .f-size02 { font-size: 48px; }
.end-catch .f-deco { border-bottom: 2px solid #014099; }

.content.checkup {
  margin-top: 20px;
  padding: 0;
}

/* タイトル（全幅） */
.checkup-title {
  font-size: 1.6em;
  margin-bottom: 20px;
}

/* 2カラムレイアウト（PC） */
.checkup-flex {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 20px;
}

.checkup-text {
  flex: 1 1 60%;
}

.checkup-text p {
  line-height: 1.6;
}

.checkup-img {
  flex: 1 1 35%;
  display: flex;
  align-items: flex-start; /* 上寄せ */
  justify-content: flex-end;
}

.checkup-img img {
  display: block;
  width: 100%;
  max-width: 350px;
  height: auto;
}

/* スマホ表示：縦並び・画像中央 */
@media screen and (max-width: 768px) {
  .checkup-flex {
    flex-direction: column;
    align-items: center; /* ← 追加で親側の中央寄せ */
  }

  .checkup-text {
    text-align: left;
    width: 100%; /* ← 追加で幅を全体に広げる */
  }

  .checkup-text p {
    text-align: left;
    margin: 0 auto; /* ← 追加で中央寄せを強制 */
    max-width: 90%; /* ← 任意：少し余白をつけると見やすい */
  }

  .checkup-img {
    justify-content: center;
    margin-top: 20px;
  }

  .checkup-img img {
    margin: 0 auto;
  }
}