/**
@charset "UTF-8";
@font-face {
  font-family: "iconfont";
  src: url("/css/fonts/iconfont.ttf?z2x5l0") format("truetype"), url("/css/fonts/iconfont.woff?z2x5l0") format("woff"), url("/css/fonts/iconfont.svg?z2x5l0#iconfont") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
*/

/** ####### COMMON ############# */
html {
  font-family: "ヒラギノ角ゴシック", "Hiragino Sans", "メイリオ", "Meiryo", "Open Sans", "Arial", sans-serif;
  text-rendering: optimizeLegibility;
  line-height: 1.5;
  --tw-bg-opacity: 1;
  background: rgba(255, 255, 255, var(--tw-border-opacity)); /* #fff */
  font-size:16px; /** ECは10 htmlデフォルトは16 */
}
.copyright-font{
  font-family: "Arial", sans-serif;
}

label[for] {
  cursor: pointer;
}

input[type=radio]:hover {
  cursor: pointer;
}
input[type=checkbox]:hover {
  cursor: pointer;
}
select:hover {
  cursor: pointer;
}

textarea {
  width:100%;
  height:100%;
}

.-disabled {
  background:#dddddd !important;
  background-color: #dddddd !important;
  color: #aaaaaa !important;
  pointer-events: none !important;
  box-shadow: none !important;
  border: 1px solid #aaaaaa !important;
  text-shadow: none !important;
}

.-required-pattern-1::after {
  content: "必須";
  background-color: #f0ad4e;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  min-width: 10px;
  padding: 3px 7px;
  margin: 0px 7px;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  border-radius: 10px;
  display: inline-block;
}

.-required-pattern-2::after {
  content: "必須";
  background-color: #e46124;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  min-width: 12px;
  padding: 3px 7px;
  margin: 0px 7px;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  border-radius: 9px;
  display: inline-block;
}

.-required-pattern-3::after {
  content: "入力済み";
  background-color: #292cff;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  min-width: 12px;
  padding: 3px 7px;
  margin: 0px 7px;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  border-radius: 9px;
  display: inline-block;
}

@media screen and (max-width: 803px){
  .pcBreak {
    display: none !important;
  }
}
@media screen and (min-width: 803px){
  .mobileBreak {
    display: none !important;
  }
}

/** ####### link ############# */
.c-link.pattern-1{
  display: flex;
  align-items: center;
}

.c-link.pattern-1:hover{
  text-decoration: underline;
}

.c-link.pattern-1 span {
  display: block;
}

.c-link.pattern-2{
  cursor: pointer;
  align-items: center;
  text-decoration: underline;
  --tw-text-opacity: 1;
  color: rgba(39, 94, 172, var(--tw-text-opacity)); /* #275EAC */
}

.c-link.pattern-2:hover{
  text-decoration: inherit;
}

.c-link.pattern-2 span {
  display: block;
}

/** ####### title ############# */
.c-title.pattern-1 {
  --tw-bg-opacity: 1;
  border-left: thick solid rgba(73, 168, 81, var(--tw-bg-opacity)); /* #49A851 */
}

.c-title.pattern-2 {
  display: table;
  clip-path: polygon(86% 0%, 100% 50%, 86% 100%, 0 100%, 0 0);
  --tw-bg-opacity: 1;
  background-color: rgba(199, 239, 171, var(--tw-bg-opacity)); /* #c7efab */
}

.c-title.pattern-2 > * {
  display: table-cell;
  vertical-align: middle;
}

.c-title.pattern-3 {
  --tw-bg-opacity: 1;
  border-left: thick solid rgba(209, 144, 83, var(--tw-bg-opacity)); /* #D19053 */
}

.c-title.pattern-4 {
  position: relative;
  background-color: rgba(202, 16, 26, 0.8); /* #CA101A */;
  border-top-right-radius: 0.5rem;
}
.c-title.pattern-4::before{
  content: "";
  display: inline-block;
  position: absolute;
  --tw-bg-opacity: 1;
  background-color: rgba(202, 16, 26, var(--tw-bg-opacity)); /* #CA101A */
  border-radius: 0.25rem;
  width: 0.5rem;
  height: 100%;
  top: 0;
  left: -1rem;
}

.c-title.pattern-5 {
  --tw-bg-opacity: 1;
  border-color: thick solid rgba(30, 144, 255, var(--tw-border-opacity)); /* #1e90ff */
}

.c-title.pattern-car {
  --tw-bg-opacity: 1;
  border-left: thick solid rgba(204, 230, 255, var(--tw-bg-opacity)); /* #cce6ff */
}

/** ####### accordion ############# */
.c-accordion.pattern-1 input[type=checkbox]{
  display:none;
}
.c-accordion.pattern-1-label{
  position: relative;
  display: flex;
}
.c-accordion.pattern-1-label ._symbol{
  padding-left: 4px;
  padding-bottom: 5px;
  height: 47px;
  width: 45px;
  right: 0;
  position: absolute;
  z-index: 10;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-transition: .3s ease;
  -moz-transition: .3s ease;
  -o-transition: .3s ease;
  transition: .3s ease;
}

.c-accordion.pattern-1 input[type=checkbox]:checked ~ .pattern-1-label ._symbol {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);

}
.c-accordion.pattern-1 input[type=checkbox] ~ .c-title-content{
  height: 0;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: .3s ease;
  -moz-transition: .3s ease;
  -o-transition: .3s ease;
  transition: .3s ease;
}

.c-accordion.pattern-1 input[type=checkbox]:checked ~ .c-title-content{
  height: auto;
  opacity: 1;
}

/** ####### arrow ############# */
.c-arrow.pattern-1 {
  clip-path: polygon(30% 0, 60% 0, 100% 50%, 60% 100%, 30% 100%, 60% 50%);
  --tw-bg-opacity: 1;
  background-color: rgba(199, 239, 171, var(--tw-bg-opacity)); /* #c7efab */
}

/** ####### button ############# */
.c-btn.pattern-1 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  --tw-bg-opacity: 1;
  background-color: rgba(1, 122, 82, var(--tw-bg-opacity)); /* #017A52 */
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));

}
.c-btn.pattern-1:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(51, 148, 116, var(--tw-bg-opacity)); /* #339474 */
}


.c-btn.pattern-2 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  --tw-bg-opacity: 1;
  background-color: rgba(235, 12, 0, var(--tw-bg-opacity)); /* #EB0C00 */
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.c-btn.pattern-2:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(233, 54, 45, var(--tw-bg-opacity)); /* #E9362D */
}

.c-btn.pattern-3 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  --tw-border-opacity: 1;
  border: 1px solid rgba(204, 204, 204, var(--tw-border-opacity)); /* #cccccc */
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity));
}

.c-btn.pattern-3:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(236, 238, 242, var(--tw-bg-opacity)); /* #ECEEF2 */
}

.c-btn.pattern-4 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background:linear-gradient(to bottom, #ffc477 5%, #da7d03 100%);
	background-color:#ffc477;
	/* border-radius:6px; */
	border:1px solid #eeb44f;
	cursor:pointer;
	color:#ffffff;
	font-weight:bold;
	/* padding:6px 24px; */
	text-decoration:none;
	text-shadow:0px 1px 0px #cc9f52;
}
.c-btn.pattern-4:hover {
	background:linear-gradient(to bottom, #fb9e25 5%, #ffc477 100%);
	background-color:#fb9e25;
}

.c-btn.pattern-5 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  letter-spacing:3px;
	background-color:#ffffff;
	border:2px solid #db2012;
	cursor:pointer;
	color:#db2012;
	font-weight:bold;
	/* padding:6px 24px; */
	text-decoration:none;
  transition:.3s ease-out;
  	/* text-shadow:0px 1px 0px #cc9f52; */
  box-shadow:rgba(0, 0, 0, 0.14);
}
.c-btn.pattern-5:hover {
	background-color:#db2012;
  color:#fff;
}

.c-btn.pattern-6 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  letter-spacing:3px;
	background-color:#db2012;
	border:2px solid #ffffff;
	cursor:pointer;
	color:#ffffff;
	font-weight:bold;
	/* padding:6px 24px; */
	text-decoration:none;
  transition:.3s ease-out;
  	/* text-shadow:0px 1px 0px #cc9f52; */
  box-shadow:rgba(0, 0, 0, 0.14);
}
.c-btn.pattern-6:hover {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(47, 79, 79, var(--tw-border-opacity)); /*#2F4F4F*/
	background-color:#ffffff;
  color:#db2012;
}
.c-btn.pattern-7 {
  --tw-text-opacity: 1;
  color: rgba(74, 186, 207, var(--tw-text-opacity));
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgba(74, 186, 207, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(219, 246, 251, var(--tw-bg-opacity));
  font-weight: 600;
  border-radius: 10rem;
}
.c-btn.pattern-7:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.c-btn.pattern-8 {
  --tw-text-opacity: 1;
  color: rgba(74, 186, 207, var(--tw-text-opacity));
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgba(74, 186, 207, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  font-weight: 600;
  border-radius: 10rem;
}
.c-btn.pattern-8:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(219, 246, 251, var(--tw-bg-opacity));
}
.c-btn.pattern-9 {
  --tw-text-opacity: 1;
  color: rgba(119, 119, 119, var(--tw-text-opacity));
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgba(188, 188, 188, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  font-weight: 600;
  border-radius: 10rem;
}
.c-btn.pattern-9:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(238, 238, 238, var(--tw-bg-opacity));
}
.c-btn.pattern-pending {
  --tw-text-opacity: 1;
  color: rgba(74, 186, 207, var(--tw-text-opacity));
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgba(74, 186, 207, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(219, 246, 251, var(--tw-bg-opacity));
  font-weight: 600;
  border-radius: 10rem;
}
/* .c-btn.pattern-pending:after {
  content: "未";
} */
.c-btn.pattern-pending:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.c-btn.pattern-settle {
  --tw-text-opacity: 1;
  color: rgba(239, 68, 68, var(--tw-text-opacity));
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgba(239, 68, 68, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
  font-weight: 600;
  border-radius: 10rem;
}
/* .c-btn.pattern-pending:after {
  content: "済";
} */
.c-btn.pattern-settle:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

/** ####### TEXT ############# */
.c-input.-error input,
.c-calendar.-error input {
  --tw-border-opacity: 1;
  border: 1px solid rgba(241, 88, 81, var(--tw-border-opacity)); /* #F15851 */
  --tw-bg-opacity: 1;
  background-color: rgba(250, 220, 220, var(--tw-bg-opacity)); /* #FADCDC */
}
.c-errorText {
  margin-top: 0.25rem;
  width: 95%;
  color: #EB0C00;
  /* font-size: 0.5rem; */
}

/** ####### TABLE ############# */
.c-table.pattern-1{
  border-collapse: collapse;
  border-spacing: 0;
}

.c-table.pattern-1 th,
.c-table.pattern-1 td{
  --tw-border-opacity: 1;
  border: 1px solid rgba(209, 144, 83, var(--tw-border-opacity)); /* #D19053 */
}

.c-table.pattern-1 th{
  --tw-bg-opacity: 1;
   background-color: rgba(255, 253, 228, var(--tw-bg-opacity)); /* #FFFDE4 */
}

/* @media screen and (max-width: 803px){
  table.c-table.pattern-1 th,
  table.c-table.pattern-1 td{
    width: 100%;
    min-height: 30px;
    display: block;
    border-bottom: 0px;
  }
  table.c-table.pattern-1 .last td{
    --tw-border-opacity: 1;
    border: 1px solid rgba(209, 144, 83, var(--tw-border-opacity));
  }
} */

dl.c-table.pattern-2{
  display: flex;
  flex-wrap: wrap;
  --tw-border-opacity: 1;
  /* border-top: 1px solid rgba(209, 144, 83, var(--tw-border-opacity)); */
  border-left: 1px solid rgba(209, 144, 83, var(--tw-border-opacity));
}

dl.c-table.pattern-2 dt,
dl.c-table.pattern-2 dd{
  min-height: 2em;
  border-bottom: 1px solid rgba(209, 144, 83, var(--tw-border-opacity));
  border-right: 1px solid rgba(209, 144, 83, var(--tw-border-opacity));
}

dl.c-table.pattern-2 dt{
  width: 240px;
  padding-top: 6px;
  padding-bottom: 6px;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 253, 228, var(--tw-bg-opacity)); /* #FFFDE4 */
}

dl.c-table.pattern-2 dd{
  width: calc(100% - 240px);
}

@media screen and (max-width: 803px){
  dl.c-table.pattern-2 dt,
  dl.c-table.pattern-2 dd{
    width: 100%;
  }
}

.c-table.pattern-3 {
  border-width: 1px;
  border-collapse: collapse;
  --tw-border-opacity: 1;
  border-color: rgba(107, 114, 128, var(--tw-border-opacity));	
}

.c-table.pattern-3 thead th{
  --tw-bg-opacity: 1;
  background-color: rgba(237, 125, 49, var(--tw-bg-opacity)); /* #ED7D31 */
}

.c-table.pattern-3 tbody th{
  font-weight: 400;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(156, 163, 175, var(--tw-border-opacity));	
  --tw-bg-opacity: 1;
  background-color: rgba(238, 238, 238, 1); /* #F4F4F4 */
}

.c-table.pattern-3 tbody td{
  /* padding-top: 0; */
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(156, 163, 175, var(--tw-border-opacity));	
}
@media screen and (max-width: 803px){
  .c-table.pattern-3 tbody th,
  .c-table.pattern-3 tbody td{
    width: 100%;
    display: block;
  }
}

.c-table.pattern-4 {
  width: 100%;
  margin-bottom: 20px;
}
.c-table.pattern-4 tbody {
  display: flex;
}
.c-table.pattern-4 tr{
  display: inline-block;
  width: 34%;
  box-sizing: border-box;
}
.c-table.pattern-4 th,
.c-table.pattern-4 td {
  width: 100%;
  display: block;
  box-sizing: border-box;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgba(209, 144, 83, var(--tw-border-opacity)); /* #D19053 */
}
.c-table.pattern-4 th{
  --tw-bg-opacity: 1;
  background-color: rgba(255, 253, 228, var(--tw-bg-opacity)); /* #FFFDE4 */
}
.c-table.pattern-4 td{
  /* height: 60px !important; */
  position: relative;
  margin-top: -2px;
}

.c-table.pattern-4 tr:not(:first-child) {
  margin-left: -2px;
}

.c-table.pattern-4 th span:first-child {
  padding: 5px;
}


@media screen and (max-width: 803px){
  .c-table.pattern-4 tbody{
    display: table-row-group;
  }
  .c-table.pattern-4 tr{
    display: table-row;
  }
  .c-table.pattern-4 th{
    width: 42% !important;
    display: table-cell !important;
  }

  .c-table.pattern-4 td{
    display: table-cell !important;
  }
}

.c-table.pattern-5 {
  margin-top: 6px;
  height: 260px;
  overflow-y: scroll;
  border: 1px solid #dddddd;
}
.c-table.pattern-5 ._row {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #dddddd;
}
.c-table.pattern-5 ._content_title {
}

.c-table.pattern-5 ._header {
  background-color: #F8F8F8;
}

.c-table.pattern-5 ._header dl {
  display: flex;
  flex-wrap: wrap;
  --tw-border-opacity: 1;
  border-bottom: 1px solid rgba(229, 231, 235, var(--tw-border-opacity));
}

.c-table.pattern-5 ._content_body {
  /* margin-left: 27px; */
}

dl.c-table.pattern-6{
  display: flex;
  flex-wrap: wrap;
  --tw-border-opacity: 1;
  border-left: 1px solid rgba(30, 144, 255, var(--tw-border-opacity)); /* #1e90ff */
}

dl.c-table.pattern-6 dt,
dl.c-table.pattern-6 dd{
  min-height: 2em;
  border-bottom: 1px solid rgba(30, 144, 255, var(--tw-border-opacity)); /* #1e90ff */
  border-right: 1px solid rgba(30, 144, 255, var(--tw-border-opacity)); /* #1e90ff */
}

dl.c-table.pattern-6 dt{
  width: 240px;
  padding-top: 6px;
  padding-bottom: 6px;
  --tw-bg-opacity: 1;
  background-color: rgba(204, 230, 255, var(--tw-bg-opacity));  /* #cce6ff */
}

dl.c-table.pattern-6 dd{
  width: calc(100% - 240px);
}

@media screen and (max-width: 803px){
  dl.c-table.pattern-6 dt,
  dl.c-table.pattern-6 dd{
    width: 100%;
  }
}

.c-table.pattern-car{
  border-collapse: collapse;
  border-spacing: 0;
}

.c-table.pattern-car th,
.c-table.pattern-car td{
  --tw-border-opacity: 1;
  border: 1px solid rgba(30, 144, 255, var(--tw-border-opacity)); /* #1e90ff */
}

.c-table.pattern-car th{
  --tw-bg-opacity: 1;
  background-color: rgba(204, 230, 255, var(--tw-bg-opacity));  /* #cce6ff */
}

/** ####### CHECK_BOX RADIO ############# */
.c-radio.pattern-1 {
  position: relative;
  display: inline-block;
  font-size: 0;
}
.c-radio.pattern-1 input[type=radio] {
  z-index: 2;
  position: absolute;
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  opacity: 0;
}
.c-radio.pattern-1 ._symbol {
  position: absolute;
  transform: translateY(-50%);
  --tw-border-opacity: 1;
  border: 1px solid rgba(204, 204, 204, var(--tw-border-opacity)); /* #cccccc */
  --tw-bg-opacity: 1;
  background-color: rgba(232, 232, 232, var(--tw-bg-opacity)); /* #e8e8e8 */
}
.c-radio.pattern-1 input[type=radio]:checked + ._symbol {
  --tw-border-opacity: 1;
  border: 5px solid rgba(232, 232, 232, var(--tw-border-opacity)); /* #e8e8e8 */
  --tw-bg-opacity: 1;
  background-color: rgba(237, 125, 49, var(--tw-bg-opacity)); /* #ed7d31 */
}
.c-radio.pattern-1 ._label {
  display: block;
  text-align: center;
  --tw-bg-opacity: 1;
  background-color: rgba(248, 248, 248, var(--tw-bg-opacity)); /* #f8f8f8 */
  --tw-border-opacity: 1;
  border: 1px solid rgba(204, 204, 204, var(--tw-border-opacity)); /* #cccccc */
}
.c-radio.pattern-1 input[type=radio]:checked ~ ._label {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 253, 228, var(--tw-bg-opacity)); /* #fffde4 */
  --tw-border-opacity: 1;
  border: 1px solid rgba(237, 125, 49, var(--tw-border-opacity)); /* #ed7d31 */
}

.c-radio.pattern-1.-error ._label {
  --tw-bg-opacity: 1;
  background-color: rgba(250, 220, 220, var(--tw-bg-opacity)); /* #FADCDC */
  --tw-border-opacity: 1;
  border: 1px solid rgba(241, 88, 81, var(--tw-border-opacity)); /* #F15851 */
}
.c-radio.pattern-1.-error ._symbol {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 183, 183, var(--tw-bg-opacity)); /* #FFB7B7 */
  --tw-border-opacity: 1;
  border: 1px solid rgba(241, 88, 81, var(--tw-border-opacity)); /* #F15851 */
}
.c-radio.pattern-1.-error input[type=radio]:checked ~ ._label {
  --tw-bg-opacity: 1;
  background-color: rgba(250, 220, 220, var(--tw-bg-opacity)); /* #FADCDC */
  --tw-border-opacity: 1;
  border: 1px solid rgba(241, 88, 81, var(--tw-border-opacity)); /* #F15851 */
}
.c-radio.pattern-1.-error input[type=radio]:checked + ._symbol {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 183, 183, var(--tw-bg-opacity)); /* #FFB7B7 */
  --tw-border-opacity: 1;
  border: 1px solid rgba(241, 88, 81, var(--tw-border-opacity)); /* #F15851 */
}
.c-radio.pattern-1.-error input[type=radio]:checked + ._symbol::after {
  position: absolute;
  content: "";
  display: block;
  --tw-bg-opacity: 1;
  background-color: rgba(241, 88, 81, var(--tw-bg-opacity)); /* #F15851 */
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.c-radio.pattern-2 {
  position: relative;
  display: inline-block;
  font-size: 0;
}
.c-radio.pattern-2 input[type=radio] {
  z-index: 2;
  position: absolute;
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  opacity: 0;
}
.c-radio.pattern-2 ._symbol {
  position: absolute;
  transform: translateY(-50%);
  --tw-border-opacity: 1;
  border: 1px solid rgba(241, 194, 50, var(--tw-border-opacity)); /* #f1c232 */
  --tw-bg-opacity: 1;
  background-color: rgba(255, 242, 204, var(--tw-bg-opacity)); /* #fff2cc */
}
.c-radio.pattern-2 input[type=radio]:checked + ._symbol {
  --tw-border-opacity: 1;
  border: 5px solid rgba(255, 255, 255, var(--tw-border-opacity)); /* #fff */
  --tw-bg-opacity: 1;
  background-color: rgba(194, 123, 160, var(--tw-bg-opacity)); /* #c27ba0 */
}
.c-radio.pattern-2 ._label {
  display: block;
  text-align: center;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 249, 231, var(--tw-bg-opacity)); /* #fff9e7 */
  --tw-border-opacity: 1;
  border: 1px solid rgba(241, 194, 50, var(--tw-border-opacity)); /* #f1c232 */
}
.c-radio.pattern-2 input[type=radio]:checked ~ ._label {
  --tw-bg-opacity: 1;
  background-color: rgba(194, 123, 160, var(--tw-bg-opacity)); /* #c27ba0 */
  --tw-border-opacity: 1;
  border: 1px solid rgba(229, 180, 58, var(--tw-border-opacity)); /* #e5b43a */
}

.c-radio.pattern-3{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.c-radio.pattern-3 label{
  padding-top: 5px;
  flex: 1;
  border-radius: 7px 7px 0 0;
  --tw-border-opacity: 1;
  border-top: 1px solid rgba(209, 144, 83, var(--tw-border-opacity)); /* #D19053 */
  border-left: 1px solid rgba(209, 144, 83, var(--tw-border-opacity)); /* #D19053 */
  border-right: 1px solid rgba(209, 144, 83, var(--tw-border-opacity)); /* #D19053 */
  --tw-bg-opacity: 1;
  background-color: rgba(255, 253, 228, var(--tw-bg-opacity));  /* #FFFDE4 */
  cursor: pointer;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c-radio.pattern-3 input[type=radio] {
  display: none;
}

.c-radio.pattern-3 input[type=radio]:checked + label{
  color: #fff;
  --tw-bg-opacity: 1;
  background-color: rgba(237, 125, 49, var(--tw-bg-opacity)); /* #ED7D31 */
}

.c-radio.pattern-4 {
  position: relative;
}
.c-radio.pattern-4 input[type=radio] {
  z-index: 2;
  position: absolute;
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.c-radio.pattern-4 input[type=radio]:hover {
  cursor: pointer;
}
.c-radio.pattern-4 ._symbol {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  border-radius: 9px;
  border: 1px solid #CCCCCC;
  background-color: #E8E8E8;
}
.c-radio.pattern-4 input[type=radio]:checked + ._symbol {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 253, 228, var(--tw-bg-opacity)); /* #fffde4 */
  --tw-border-opacity: 1;
  border: 1px solid rgba(237, 125, 49, var(--tw-border-opacity)); /* #ed7d31 */
}
.c-radio.pattern-4 input[type=radio]:checked + ._symbol::after {
  position: absolute;
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  --tw-bg-opacity: 1;
  background-color: rgba(237, 125, 49, var(--tw-border-opacity)); /* #ed7d31 */
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.c-radio.pattern-4 ._radioLabel {
  display: block;
}
.c-radio.pattern-4 input[type=radio]:checked ~ ._radioLabel {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 253, 228, var(--tw-bg-opacity)); /* #fffde4 */
  --tw-border-opacity: 1;
  border: 1px solid rgba(237, 125, 49, var(--tw-border-opacity)); /* #ed7d31 */
}

.c-radio.pattern-5 {
  position: relative;
  display: inline-block;
  font-size: 0;
}
.c-radio.pattern-5 input[type=radio] {
  z-index: 2;
  position: absolute;
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  opacity: 0;
}
.c-radio.pattern-5 ._symbol {
  position: absolute;
  transform: translateY(-50%);
  --tw-border-opacity: 1;
  border: 1px solid rgba(204, 204, 204, var(--tw-border-opacity)); /* #cccccc */
  --tw-bg-opacity: 1;
  background-color: rgba(232, 232, 232, var(--tw-bg-opacity)); /* #e8e8e8 */
}
.c-radio.pattern-5 input[type=radio]:checked + ._symbol {
  --tw-border-opacity: 1;
  border: 5px solid rgba(232, 232, 232, var(--tw-border-opacity)); /* #e8e8e8 */
  --tw-bg-opacity: 1;
  background-color: rgba(30, 144, 255, var(--tw-bg-opacity)); /* #1e90ff */
}
.c-radio.pattern-5 ._label {
  display: block;
  text-align: center;
  --tw-bg-opacity: 1;
  background-color: rgba(248, 248, 248, var(--tw-bg-opacity)); /* #f8f8f8 */
  --tw-border-opacity: 1;
  border: 1px solid rgba(204, 204, 204, var(--tw-border-opacity)); /* #cccccc */
}
.c-radio.pattern-5 input[type=radio]:checked ~ ._label {
  --tw-bg-opacity: 1;
  background-color: rgba(204, 230, 255, var(--tw-bg-opacity)); /* #cce6ff */
  --tw-border-opacity: 1;
  border: 1px solid rgba(30, 144, 255, var(--tw-border-opacity)); /* #1e90ff */
}

.c-radio.pattern-car{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.c-radio.pattern-car label{
  padding-top: 5px;
  flex: 1;
  border-radius: 7px 7px 0 0;
  --tw-border-opacity: 1;
  border-top: 1px solid rgba(30, 144, 255, var(--tw-border-opacity)); /* #1e90ff */
  border-left: 1px solid rgba(30, 144, 255, var(--tw-border-opacity)); /* #1e90ff */
  border-right: 1px solid rgba(30, 144, 255, var(--tw-border-opacity)); /* #1e90ff */
  --tw-bg-opacity: 1;
  background-color: rgba(204, 230, 255, var(--tw-bg-opacity));  /* #cce6ff */
  cursor: pointer;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c-radio.pattern-car input[type=radio] {
  display: none;
}

.c-radio.pattern-car input[type=radio]:checked + label{
  color: #fff;
  --tw-bg-opacity: 1;
  background-color: rgba(30, 144, 255, var(--tw-border-opacity)); /* #1e90ff */
}

.sel-radio {
  --tw-border-opacity: 1;
  border-width: 1px 2px 1px 2px !important; /* #D19053 */
}

.sel-radio_head {
  --tw-border-opacity: 1;
  border-width: 2px !important; /* #D19053 */
}


.c-checkbox.pattern-1 {
  display: inline-block;
  position: relative;
}
.c-checkbox.pattern-1 input[type=checkbox] {
  z-index: 2;
  position: absolute;
  transform: translateY(-50%);
  left: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.c-checkbox.pattern-1 ._symbol {
  position: absolute;
  transform: translateY(-50%);
  --tw-bg-opacity: 1;
  background-color: rgba(232, 232, 232, var(--tw-bg-opacity)); /* #e8e8e8 */
  --tw-border-opacity: 1;
  border: 1px solid rgba(204, 204, 204, var(--tw-border-opacity)); /* #cccccc */
  border-radius: 2px;
}
.c-checkbox.pattern-1 ._label {
}

.c-checkbox.pattern-1 input[type=checkbox]:checked ~ ._symbol {
  --tw-bg-opacity: 1;
  background-color: rgba(199, 239, 171, var(--tw-bg-opacity)); /* #c7efab */
  border: none;
}
.c-checkbox.pattern-1 input[type=checkbox]:checked ~ ._symbol::after {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 17px;
  height: 12px;
  background-image: url("../image/icon_check_white.svg");
}
.c-checkbox.pattern-1.-error ._symbol {
  --tw-border-opacity: 1;
  border: 1px solid rgba(241, 88, 81, var(--tw-border-opacity)); /* #F15851 */
  --tw-bg-opacity: 1;
  background-color: rgba(250, 220, 220, var(--tw-bg-opacity)); /* #FADCDC */
}
.c-checkbox.pattern-1.-error input[type=checkbox]:checked ~ ._symbol {
  --tw-border-opacity: 1;
  border: 1px solid rgba(241, 88, 81, var(--tw-border-opacity)); /* #F15851 */
  --tw-bg-opacity: 1;
  background-color: rgba(250, 220, 220, var(--tw-bg-opacity)); /* #FADCDC */
}
.c-checkbox.pattern-1.-error input[type=checkbox]:checked ~ ._symbol::after {
  background-image: url("../image/icon_check_red.svg");
}

.c-checkbox.pattern-2 {
  display: inline-block;
  position: relative;
}
.c-checkbox.pattern-2 input[type=checkbox] {
  z-index: 2;
  position: absolute;
  transform: translateY(-50%);
  left: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.c-checkbox.pattern-2 ._symbol {
  position: absolute;
  transform: translateY(-50%);
  --tw-bg-opacity: 1;
  background-color: rgba(232, 232, 232, var(--tw-bg-opacity)); /* #e8e8e8 */
  --tw-border-opacity: 1;
  border: 1px solid rgba(204, 204, 204, var(--tw-border-opacity)); /* #cccccc */
  border-radius: 2px;
}
.c-checkbox.pattern-2 ._label {
}

.c-checkbox.pattern-2 input[type=checkbox]:checked ~ ._symbol {
  --tw-bg-opacity: 1;
  background-color: rgba(241, 194, 50, var(--tw-bg-opacity)); /* #f1c232 */
  border: none;
}
.c-checkbox.pattern-2 input[type=checkbox]:checked ~ ._symbol::after {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 17px;
  height: 12px;
  background-image: url("../image/icon_check_white.svg");
}
.c-checkbox.pattern-2.-error ._symbol {
  --tw-border-opacity: 1;
  border: 1px solid rgba(241, 88, 81, var(--tw-border-opacity)); /* #F15851 */
  --tw-bg-opacity: 1;
  background-color: rgba(250, 220, 220, var(--tw-bg-opacity)); /* #FADCDC */
}
.c-checkbox.pattern-2.-error input[type=checkbox]:checked ~ ._symbol {
  --tw-border-opacity: 1;
  border: 1px solid rgba(241, 88, 81, var(--tw-border-opacity)); /* #F15851 */
  --tw-bg-opacity: 1;
  background-color: rgba(250, 220, 220, var(--tw-bg-opacity)); /* #FADCDC */
}
.c-checkbox.pattern-2.-error input[type=checkbox]:checked ~ ._symbol::after {
  background-image: url("../image/icon_check_red.svg");
}

.c-checkbox.pattern-3 {
  display: inline-block;
  /* position: relative; */
}
.c-checkbox.pattern-3 input[type=checkbox] {
  z-index: 2;
  position: absolute;
  transform: translateY(-50%);
  left: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.c-checkbox.pattern-3 ._symbol {
  position: absolute;
  transform: translateY(-50%);
  --tw-bg-opacity: 1;
  background-color: rgba(232, 232, 232, var(--tw-bg-opacity)); /* #e8e8e8 */
  --tw-border-opacity: 1;
  border: 1px solid rgba(204, 204, 204, var(--tw-border-opacity)); /* #cccccc */
  border-radius: 2px;
}

.c-checkbox.pattern-3 input[type=checkbox]:checked ~ label {
  --tw-bg-opacity: 1;
  background-color: rgba(237, 125, 49, var(--tw-bg-opacity)); /* #ED7D31 */
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.c-checkbox.pattern-3 input[type=checkbox]:checked ~ ._symbol {
  --tw-bg-opacity: 1;
  background-color: rgba(241, 194, 50, var(--tw-bg-opacity)); /* #f1c232 */
  border: none;
}
.c-checkbox.pattern-3 input[type=checkbox]:checked ~ ._symbol::after {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 17px;
  height: 12px;
  background-image: url("../image/icon_check_white.svg");
}

.c-checkbox.pattern-4 {
  /* z-index: 8; */
  display: inline-block;
  position: relative;
}

.c-checkbox.pattern-4 input[type=checkbox] {
  /* z-index: 10; */
  position: absolute;
  transform: translateY(-50%);
  left: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.c-checkbox.pattern-4 ._symbol {
  position: absolute;
  transform: translateY(-50%);
  --tw-bg-opacity: 1;
  background-color: rgba(232, 232, 232, var(--tw-bg-opacity)); /* #e8e8e8 */
  --tw-border-opacity: 1;
  border: 1px solid rgba(204, 204, 204, var(--tw-border-opacity)); /* #cccccc */
  border-radius: 2px;
}
.c-checkbox.pattern-4 label {
  /* z-index: 2; */
  /* width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: block;
  cursor: pointer;
  position: relative; */
}
.c-checkbox.pattern-4 input[type=checkbox]:checked{
}
.c-checkbox.pattern-4 input[type=checkbox]:checked ~ ._symbol {
  --tw-bg-opacity: 1;
  background-color: rgba(241, 194, 50, var(--tw-bg-opacity)); /* #f1c232 */
  border: none;
}

.c-checkbox.pattern-4 input[type=checkbox]:checked ~ label {
  --tw-bg-opacity: 1;
  background-color: rgba(237, 125, 49, var(--tw-bg-opacity)); /* #ED7D31 */
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.c-checkbox.pattern-4 input[type=checkbox]:checked ~ ._symbol::after {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 17px;
  height: 12px;
  background-image: url("../image/icon_check_white.svg");
}

.c-checkbox.pattern-5 {
  height: 80px;
}

.c-checkbox.pattern-5 input{
  top: 0px;
  bottom: 0px;
  position: absolute;
  display: block;
  margin: auto;
}
.c-checkbox.pattern-5 input[type=checkbox] {
  position: absolute;
  transform: translateY(-50%);
  left: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.c-checkbox.pattern-5 ._symbol {
  /* z-index: -1; */
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  --tw-bg-opacity: 1;
  background-color: rgba(232, 232, 232, var(--tw-bg-opacity)); /* #e8e8e8 */
  --tw-border-opacity: 1;
  border: 1px solid rgba(204, 204, 204, var(--tw-border-opacity)); /* #cccccc */
  border-radius: 2px;
}
@media screen and (max-width: 803px){
  .c-checkbox.pattern-5 ._symbol {
    top: 20%;
    transform: translateY(-20%);
  }
}

.c-checkbox.pattern-5 label{
  /* padding-top: 7px; */
}

.c-checkbox.pattern-5 input[type=checkbox]:checked{
}
.c-checkbox.pattern-5 input[type=checkbox]:checked ~ label > ._symbol {
  z-index: 100;
  --tw-bg-opacity: 1;
  background-color: rgba(241, 194, 50, var(--tw-bg-opacity)); /* #f1c232 */
  border: none;
}

.c-checkbox.pattern-5 input[type=checkbox]:checked ~ label {
  --tw-bg-opacity: 1;
  background-color: rgba(237, 125, 49, var(--tw-bg-opacity)); /* #ED7D31 */
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.c-checkbox.pattern-5 input[type=checkbox]:checked ~ label > ._symbol::after {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 17px;
  height: 12px;
  background-image: url("../image/icon_check_white.svg");
}




/** ####### STEP ############# */
.c-step.pattern-1 ul {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}

.c-step.pattern-1 li {
  display: flex;
  flex-direction: column;
  position: relative;
  background-color: #F8F8F8;
}

.c-step.pattern-1 ._text {
  flex-grow: 1;
  margin-top: 6.5px;
}

.c-step.pattern-1 ._border {
  position: absolute;
  --tw-bg-opacity: 1;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgba(248, 248, 248, var(--tw-border-opacity)); /* #F8F8F8 */
  right: 0;
  top: 50%;
  transform: translate(100%, -50%);
}

.c-step.pattern-2 {
  counter-reset: count;
  position: relative;
}

.c-step.pattern-2 ._item {
  padding: 0.8em 0 1.3em 1.9em;
  margin: 0;
  position: relative;
}
.c-step.pattern-2 ._item::before {
  content: "";
  display: block;
  width: 52px;
  height: 52px;
  --tw-bg-opacity: 1;
  background-color: rgba(237, 125, 49, var(--tw-bg-opacity)); /* #ED7D31 */
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: -3px;
}
.c-step.pattern-2 ._item::after {
  content: "";
  display: block;
  height: calc(100% - 52px);
  border-left: solid 2px #ddd;
  position: absolute;
  top: 52px;
  left: 10px;
}

.c-step.pattern-2 ._item2 {
  padding: 0.8em 0 1.3em 1.9em;
  margin: 0;
  position: relative;
}
.c-step.pattern-2 ._item2::before {
  content: "";
  display: block;
  width: 52px;
  height: 52px;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));/* #FFFFFF */
  border-radius: 50%;
  border: solid 2px #ED7D31;
  position: absolute;
  top: 0;
  left: -3px;
}
.c-step.pattern-2 ._item2::after {
  content: "";
  display: block;
  height: calc(100% - 52px);
  /*border-left: solid 2px #ddd;*/
  position: absolute;
  top: 52px;
  left: 10px;
}
.c-step.pattern-2 ._index {
  color: #fff;
  font-size: 11px;
  position: absolute;
  top: 6px;
  left: 9px;
}
.c-step.pattern-2 ._index::after {
  counter-increment: count;
  content: counter(count);
  position: absolute;
  font-size: 30px;
  top: 7px;
  left: 3px;
}
.c-step.pattern-2 ._index2 {
  color: #ED7D31;
  font-size: 11px;
  position: absolute;
  top: 6px;
  left: 9px;
}
.c-step.pattern-2 ._index2::after {
  counter-increment: count;
  content: counter(count);
  position: absolute;
  font-size: 30px;
  top: 7px;
  left: 3px;
}
.c-step.pattern-2 ._title {
  margin-left: 1.5em;
}
.c-step.pattern-2 ._body {
  padding: 0 0 1em;
  border-bottom: dotted 1.5px #ddd;
 }
.c-step.pattern-2 ._body2 {
  padding: 0 0 1em;
  border-bottom: solid 1.5px #ddd;
 }
.c-step.pattern-2 ._body3 {
  padding: 0 0 1em;
  border-bottom: solid 3px #ED7D31;
 }
 .c-step.pattern-2 > :last-of-type::after {
  display: none;
 }

 .c-step.pattern-3 {
  position: relative;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.c-step.pattern-3 ._item {
  position: relative;
  list-style-type: none;
  text-align: center;
  width: 25%;
  /* color: #E3E3E3; */
  /* font-weight: bold; */
}
.c-step.pattern-3 ._item:before {
  z-index: 1;
  display: block;
  width: 10px;
  height: 10px;
  margin: 7px auto 20px auto;
  content: '';
  text-align: center;
  border-radius: 50%;
  --tw-bg-opacity: 1;
  background-color: rgba(227, 227, 227, var(--tw-bg-opacity)); /* #E3E3E3 */
}
.c-step.pattern-3 ._item:after {
  margin-left:5px;
  position: absolute;
  top: 11px;
  left: -50%;
  width: 100%;
  height: 2px;
  content: '';
  --tw-bg-opacity: 1;
  background-color: rgba(227, 227, 227, var(--tw-bg-opacity)); /* #E3E3E3 */
}
.c-step.pattern-3 ._item:first-child:after {
  content: none;
}
.c-step.pattern-3 ._item.active{
  /* color: #FDD000; */
}

.c-step.pattern-3 .daygo{
  z-index: 10;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  width: 40px;
  height: 40px;
  top: 30%;
  left: 40%;
  transform: translate(0%, -50%);
  background-image: url(../image/img_step.png);
}

.c-step.pattern-3 ._item.active:before,
.c-step.pattern-3 ._item.active:after {
    --tw-bg-opacity: 1;
  background-color: rgba(253, 208, 0, var(--tw-bg-opacity)); /* #FDD000 */
}

.c-step.pattern-car {
  counter-reset: count;
  position: relative;
}

.c-step.pattern-car ._item {
  padding: 1em 0 1.3em 2.5em;
  margin: 0;
  position: relative;
}
.c-step.pattern-car ._item::before {
  content: "";
  display: block;
  width: 55px;
  height: 55px;
  --tw-bg-opacity: 1;
  background-color: rgba(30, 144, 255, var(--tw-bg-opacity)); /* #1e90ff */
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: -3px;
}
.c-step.pattern-car ._item::after {
  content: "";
  display: block;
  height: calc(100% - 55px);
  border-left: solid 2px #ddd;
  position: absolute;
  top: 55px;
  left: 10px;
}

.c-step.pattern-car ._item2 {
  padding: 1em 0 1.3em 2.5em;
  margin: 0;
  position: relative;
}
.c-step.pattern-car ._item2::before {
  content: "";
  display: block;
  width: 55px;
  height: 55px;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));/* #FFFFFF */
  border-radius: 50%;
  border: solid 2px #1e90ff;
  position: absolute;
  top: 0;
  left: -3px;
}
.c-step.pattern-car ._item2::after {
  content: "";
  display: block;
  height: calc(100% - 55px);
  /*border-left: solid 2px #ddd;*/
  position: absolute;
  top: 55px;
  left: 10px;
}
.c-step.pattern-car ._index {
  color: #fff;
  font-size: 12px;
  position: absolute;
  top: 6px;
  left: 9px;
}
.c-step.pattern-car ._index::after {
  counter-increment: count;
  content: counter(count);
  position: absolute;
  font-size: 30px;
  top: 8px;
  left: 7px;
}
.c-step.pattern-car ._index2 {
  color: #1e90ff;
  font-size: 12px;
  position: absolute;
  top: 6px;
  left: 9px;
}
.c-step.pattern-car ._index2::after {
  counter-increment: count;
  content: counter(count);
  position: absolute;
  font-size: 30px;
  top: 8px;
  left: 7px;
}
.c-step.pattern-car ._title {
  margin-left: 1.5em;
}
.c-step.pattern-car ._body {
  padding: 0 0 1em;
  border-bottom: dotted 2px #ddd;
 }
.c-step.pattern-car ._body2 {
  padding: 0 0 1em;
  border-bottom: solid 3px #ddd;
 }
.c-step.pattern-car ._body3 {
  padding: 0 0 1em;
  border-bottom: solid 3px #1e90ff;
 }
 .c-step.pattern-car > :last-of-type::after {
  display: none;
 }

/** ####### SELECT ############# */
select {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  outline: 0;
  border-radius: 0;
  text-align: inherit;
}

.c-select.pattern-1 ._inner {
  position: relative;
  --tw-border-opacity: 1;
  border: 1px solid rgba(204, 204, 204, var(--tw-border-opacity)); /* #cccccc */
  --tw-bg-opacity: 1;
  background-color: rgba(248, 248, 248, var(--tw-bg-opacity)); /* #f8f8f8 */
}
.c-select.pattern-1 ._inner::after {
  z-index: 1;
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 3px 0 3px;
  --tw-border-opacity: 1;
  border-color: #333 transparent transparent transparent;
}
.c-select.pattern-1 ._inner select {
  z-index: 3;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.c-select.pattern-1.-error ._inner {
  --tw-bg-opacity: 1;
  background-color: rgba(250, 220, 220, var(--tw-bg-opacity)); /* #FADCDC */
  --tw-border-opacity: 1;
  border: 1px solid rgba(241, 88, 81, var(--tw-border-opacity)); /* #F15851 */
}

.c-select.pattern-2 ._inner {
  position: relative;
  --tw-border-opacity: 1;
  border: 1px solid rgba(170, 170, 170, var(--tw-border-opacity)); /* #AAAAAA */
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.c-select.pattern-2 ._inner::after {
  z-index: 1;
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  --tw-border-opacity: 1;
  border-color: #333 transparent transparent transparent;
}
.c-select.pattern-2 ._inner select {
  z-index: 3;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width:100%;
  
}
.c-select.pattern-2.-error ._inner {
  --tw-bg-opacity: 1;
  background-color: rgba(250, 220, 220, var(--tw-bg-opacity)); /* #FADCDC */
  --tw-border-opacity: 1;
  border: 1px solid rgba(241, 88, 81, var(--tw-border-opacity)); /* #F15851 */
}

/** ####### MODAL ############# */
.c-modal.pattern-1 {
  display: flex;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  visibility: hidden;
  transition: visibility 0s 240ms;
}
.c-modal._show {
  visibility: visible;
  transition: visibility 0s;
}
.c-modal.pattern-1 ._inner {
  max-width: 800px;
  width: 90%;
  max-height: 90%;
  background: #fff;
  box-shadow: 0 -2px 14px 2px rgba(0, 0, 0, 0.16);
  opacity: 0;
  transform: translateY(-100px);
  overflow-y: auto;
  transition: 240ms ease-out;
  transition-property: opacity, transform;
}
.c-modal.pattern-1._show ._inner {
  opacity: 1;
  transform: translateY(0);
  transition: 240ms ease-in;
}
.c-modal.pattern-1 ._overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  opacity: 0;
  overflow-y: auto;
  transition: opacity 240ms ease-out;
}
.c-modal.pattern-1._show ._overlay {
  opacity: 1;
  transition: opacity 240ms ease-in;
}

.c-modal.pattern-2 {
  display: flex;
  position: fixed;
  z-index: 10001;
  top: 0;
  left: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  visibility: hidden;
  transition: visibility 0s 240ms;
}
.c-modal._show {
  visibility: visible;
  transition: visibility 0s;
}
.c-modal.pattern-2 ._inner {
  max-width: 800px;
  width: auto;
  max-height: 90%;
  background: #fff;
  box-shadow: 0 -2px 14px 2px rgba(0, 0, 0, 0.16);
  opacity: 0;
  transform: translateY(-100px);
  overflow-y: auto;
  transition: 240ms ease-out;
  transition-property: opacity, transform;
}
.c-modal.pattern-2._show ._inner {
  opacity: 1;
  transform: translateY(0);
  transition: 240ms ease-in;
}
.c-modal.pattern-2 ._overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  opacity: 0;
  overflow-y: auto;
  transition: opacity 240ms ease-out;
}
.c-modal.pattern-2._show ._overlay {
  opacity: 1;
  transition: opacity 240ms ease-in;
}

/*** 見積書印刷用 ****/
.keeptogether {
  page-break-inside:avoid;
}

/*** 丸の中のチェックマーク ****/
.check-mark{
	padding-left:24px;
	position:relative;
}
.check-mark:before,
.check-mark:after{
	content:"";
	display:block;
	position:absolute;
}
.check-mark:before{
	width:16px;
	height:16px;
	border-radius:8px;
	background:#ffffff;
	border:1px solid #ff0000;
	left:0;top:2px;
}
.check-mark:after{
	border-left:2px solid #ff0000;
	border-bottom:2px solid #ff0000;
	width:6px;
	height:3px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	left:5px;
	top:7px;
}

/*** 丸の中のビックリマーク ****/
/* .dli-exclamation-circle {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1;
  position: relative;
  width: 1em;
  height: 1em;
  border: 0.1em solid currentColor;
  border-radius: 50%;
  box-sizing: content-box;
}

.dli-exclamation-circle > span {
  width: 0.15em;
  height: 0.6em;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.dli-exclamation-circle > span::before, .dli-exclamation-circle > span::after {
  content: '';
  display: block;
  width: inherit;
  background: currentColor;
}

.dli-exclamation-circle > span::before {
  margin-bottom: 0.1em;
  height: 0.35em;
  border-radius: 0.025em;
}

.dli-exclamation-circle > span::after {
  height: 0.15em;
  border-radius: 50%;
} */
.exclamation-circle {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  text-align: center;
  line-height: 20px;
  background-color: #fff; /* 円の背景色 */
  border: 1px solid #000; /* 円の枠線 */
  color: #000; /* 文字の色 */
}
.exclamation-circle:before {
  content: "!";
}
/*-----↓デザイン↓----*/
.box_step06 {
  width: 700px;
  margin: 0 auto;
}
.box_step06 ul {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.box_step06 ul li {
  text-align: center;
  width: 180px;
  background: #c7c7c7;
  padding: 1em 0;
  position: relative;
  z-index: 1;
}

.box_step06 ul li:nth-child(n+2) {
  margin-left: 5%;
}
.box_step06 ul li.active {
  color: #fff;
  background: #4b4b4b;
}

.box_step06 ul:before {
  content: "";
  top: 50%;
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  z-index: 0;
  background: #c7c7c7;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.box_step06 ul:before li.active {
  content: "";
  top: 50%;
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  z-index: 0;
  background: #da0f0f;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}


.c-step2.pattern-2 {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}
.c-step2.pattern-2 ._item {
  display: flex;
  flex-direction: column;
  position: relative;
  border-radius: 0.5rem;
  margin-left: 18px;
  --tw-text-opacity: 1;
  color: rgba(17, 24, 39, var(--tw-text-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(244, 244, 244, var(--tw-bg-opacity)); /* #F4F4F4 */
}
.c-step2.pattern-2 ._item.active {
  --tw-text-opacity: 1;
  color: rgba(243, 244, 246, var(--tw-text-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(237, 125, 49, var(--tw-bg-opacity)); /* #ED7D31 */
}
.c-step2.pattern-2 ._item.old {
  --tw-text-opacity: 1;
  color: rgba(17, 24, 39, var(--tw-text-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(255, 253, 228, var(--tw-bg-opacity)); /* #fffde4 */
  --tw-border-opacity: 1;
  border: 2px solid rgba(237, 125, 49, var(--tw-bg-opacity)); /* #ED7D31 */
}


.c-step2.pattern-2 ._line{
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(100%, -50%);
  --tw-bg-opacity: 1;
  background-color: rgba(244, 244, 244, var(--tw-bg-opacity)); /* #F4F4F4 */
}

.c-step2.pattern-2 ._line.active{
  --tw-bg-opacity: 1;
  background-color: rgba(237, 125, 49, var(--tw-bg-opacity)); /* #ED7D31 */
}

.c-step2.pattern-2 ._index {
  text-align: center;
  font-weight: 700;
}
.c-step2.pattern-2 ._text {
  flex-grow: 1;
  text-align: center;
}

.c-list.pattern-1 > li {
  padding-left: 2em;
  text-indent: -1.5em;
}
.c-list.pattern-1 > li:before {
  content: "※";
  padding-right: 0.5em;
}

.c-list.pattern-2 > li {
  counter-increment: count;
  padding-left: 2em;
  text-indent: -2em;
}
.c-list.pattern-2 > li:before {
  content: "※" counter(count);
  padding-right: 0.5em;
}

.c-list.pattern-3 > li {
  counter-increment: count;
  padding-left: 2em;
  text-indent: -2em;
}
.c-list.pattern-3 > li:before {
  content: "(" counter(count) ")";
  padding-right: 0.5em;
}

.c-list.pattern-4 > li {
  counter-increment: count;
  padding-left: 2em;
  text-indent: -2em;
}
.c-list.pattern-4 > li:before {
  content: "●";
  padding-right: 0.5em;
  color: #c0c0c0;
}

.bg-contract{
  background-image: url("../image/bg_contract_pc.svg");
  --tw-bg-opacity: 1;
    background-color: rgba(244, 244, 244, var(--tw-bg-opacity));
}

iframe.youtube-16-9 {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  max-width: 600px;
  display: block;
  margin: auto;
}

@media screen and (min-width: 600px) {
  .grid-template-cols2-auto{
    grid-template-columns: repeat(2, auto);
  }
  .grid-template-cols-auto {
    display: grid;
    gap: 0.25rem;
    grid-template-columns: auto auto;
  }
  .w600-break {
    width: 13rem;
  }
}

.textShadow {
  text-shadow:  0 0 10px #fff,
                0 0 10px #fff, 
                0 0 10px #fff, 
                0 0 10px #fff, 
                0 0 10px #fff, 
                0 0 10px #fff, 
                0 0 10px #fff, 
                0 0 10px #fff, 
                0 0 10px #fff, 
                0 0 10px #fff, 
                0 0 10px #fff, 
                0 0 10px #fff, 
                0 0 10px #fff, 
                0 0 10px #fff, 
                0 0 10px #fff, 
                0 0 10px #fff, 
                0 0 10px #fff, 
                0 0 10px #fff;
}
.break-word{
  word-wrap: break-word;
}

/** ####### COLOR ############# */
.bg-color-F8FFF4{
  --tw-bg-opacity: 1;
  background-color: rgba(248, 255, 244, var(--tw-bg-opacity)); /* #F8FFF4 */
}

.bg-color-E1F7D2{
  --tw-bg-opacity: 1;
  background-color: rgba(225, 247, 210, var(--tw-bg-opacity)); /* #E1F7D2 */
}

.bg-color-E7F5DE{
  --tw-bg-opacity: 1;
  background-color: rgba(231, 245, 222, var(--tw-bg-opacity)); /* #E7F5DE */
}

.bg-color-C7EFAB{
  --tw-bg-opacity: 1;
  background-color: rgba(199, 239, 171, var(--tw-bg-opacity)); /* #C7EFAB */
}

.bg-color-CCFF99{
  --tw-bg-opacity: 1;
  background-color: rgba(204, 255, 153, var(--tw-bg-opacity)); /* #CCFF99 */
}

.bg-color-A0D17D{
  --tw-bg-opacity: 1;
  background-color: rgba(160, 209, 125, var(--tw-bg-opacity)); /* #A0D17D */
}

.bg-color-5FA035{
  --tw-bg-opacity: 1;
  background-color: rgba(95, 160, 53, var(--tw-bg-opacity)); /* #5FA035 */
}

.bg-color-49A851{
  --tw-bg-opacity: 1;
  background-color: rgba(73, 168, 81, var(--tw-bg-opacity)); /* #49A851 */
}

.bg-color-339474{
  --tw-bg-opacity: 1;
  background-color: rgba(51, 148, 116, var(--tw-bg-opacity)); /* #339474 */
}

.bg-color-017A52{
  --tw-bg-opacity: 1;
  background-color: rgba(1, 122, 82, var(--tw-bg-opacity)); /* #017A52 */
}

.bg-color-D19053{
  --tw-bg-opacity: 1;
  background-color: rgba(209, 144, 83, var(--tw-bg-opacity)); /* #D19053 */
}

.bg-color-D6D633{
  --tw-bg-opacity: 1;
  background-color: rgba(214, 214, 51, var(--tw-bg-opacity)); /* #D6D633 */
}

.bg-color-ED7D31{
  --tw-bg-opacity: 1;
  background-color: rgba(237, 125, 49, var(--tw-bg-opacity)) !important; /* #ED7D31 */
}

.bg-color-FDD000{
  --tw-bg-opacity: 1;
  background-color: rgba(253, 208, 0, var(--tw-bg-opacity)); /* #FDD000 */
}

.bg-color-FFE6B3{
  --tw-bg-opacity: 1;
  background-color: rgba(255, 230, 179, var(--tw-bg-opacity)); /* #FFE6B3 */
}

.bg-color-FFFF85{
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 133, var(--tw-bg-opacity)); /* #FFFF85 */
}

.bg-color-FFFDE4{
  --tw-bg-opacity: 1;
  background-color: rgba(255, 253, 228, var(--tw-bg-opacity)); /* #FFFDE4 */
}

.bg-color-FFE5CC{
  --tw-bg-opacity: 1;
  background-color: rgba(255, 204, 204, var(--tw-bg-opacity)); /* #FFE5CC */
}

.bg-color-F8F8F8{
  --tw-bg-opacity: 1;
  background-color: rgba(248, 248, 248, var(--tw-bg-opacity)); /* #F8F8F8 */
}

.bg-color-F4F4F4{
  --tw-bg-opacity: 1;
  background-color: rgba(244, 244, 244, var(--tw-bg-opacity)); /* #F4F4F4 */
}

.bg-color-ECEEF2{
  --tw-bg-opacity: 1;
  background-color: rgba(236, 238, 242, var(--tw-bg-opacity)); /* #ECEEF2 */
}

.bg-color-E8E8E8{
  --tw-bg-opacity: 1;
  background-color: rgba(232, 232, 232, var(--tw-bg-opacity)); /* #E8E8E8 */
}

.bg-color-E3E3E3{
  --tw-bg-opacity: 1;
  background-color: rgba(227, 227, 227, var(--tw-bg-opacity)); /* #E3E3E3 */
}

.bg-color-DDDDDD{
  --tw-bg-opacity: 1;
  background-color: rgba(221, 221, 221, var(--tw-bg-opacity)); /* #DDDDDD */
}

.bg-color-CCCCCC{
  --tw-bg-opacity: 1;
  background-color: rgba(204, 204, 204, var(--tw-bg-opacity)) !important; /* #CCCCCC */
}

.bg-color-AAAAAA{
  --tw-bg-opacity: 1;
  background-color: rgba(170, 170, 170, var(--tw-bg-opacity)); /* #AAAAAA */
}

.bg-color-707070{
  --tw-bg-opacity: 1;
  background-color: rgba(112, 112, 112, var(--tw-bg-opacity)); /* #707070 */
}

.bg-color-333333{
  --tw-bg-opacity: 1;
  background-color: rgba(51, 51, 51, var(--tw-bg-opacity)); /* #333333 */
}

.bg-color-FADCDC{
  --tw-bg-opacity: 1;
  background-color: rgba(250, 220, 220, var(--tw-bg-opacity)); /* #FADCDC */
}

.bg-color-F15851{
  --tw-bg-opacity: 1;
  background-color: rgba(241, 88, 81, var(--tw-bg-opacity)); /* #F15851 */
}

.bg-color-EB0C00{
  --tw-bg-opacity: 1;
  background-color: rgba(235, 12, 0, var(--tw-bg-opacity)); /* #EB0C00 */
}

.bg-color-E9362D{
  --tw-bg-opacity: 1;
  background-color: rgba(233, 54, 45, var(--tw-bg-opacity)); /* #E9362D */
}

.bg-color-FFADFF{
  --tw-bg-opacity: 1;
  background-color: rgba(255, 173, 255, var(--tw-bg-opacity)); /* #FFADFF */
}

.bg-color-1558D6{
  --tw-bg-opacity: 1;
  background-color: rgba(21, 88, 214, var(--tw-bg-opacity)); /* #1558D6 */
}

.bg-color-275EAC{
  --tw-bg-opacity: 1;
  background-color: rgba(39, 94, 172, var(--tw-bg-opacity)); /* #275EAC */
}

.bg-color-CCE6F0{
  --tw-bg-opacity: 1;
  background-color: rgba(204, 230, 240, var(--tw-bg-opacity)); /* #CCE6F0 */
}

.bg-color-E7F4FD{
  --tw-bg-opacity: 1;
  background-color: rgba(231, 244, 253, var(--tw-bg-opacity)); /* #E7F4FD */
}

.bg-color-1e90ff {
  --tw-bg-opacity: 1;
  background-color: rgba(30, 144, 255 var(--tw-bg-opacity)); /* #1e90ff */
}

.border-color-F8FFF4{
  --tw-border-opacity: 1;
  border-color: rgba(248, 255, 244, var(--tw-border-opacity)); /* #F8FFF4 */
}

.border-color-E1F7D2{
  --tw-border-opacity: 1;
  border-color: rgba(225, 247, 210, var(--tw-border-opacity)); /* #E1F7D2 */
}

.border-color-E7F5DE{
  --tw-border-opacity: 1;
  border-color: rgba(231, 245, 222, var(--tw-border-opacity)); /* #E7F5DE */
}

.border-color-C7EFAB{
  --tw-border-opacity: 1;
  border-color: rgba(199, 239, 171, var(--tw-border-opacity)); /* #C7EFAB */
}

.border-color-CCFF99{
  --tw-border-opacity: 1;
  border-color: rgba(204, 255, 153, var(--tw-border-opacity)); /* #CCFF99 */
}

.border-color-A0D17D{
  --tw-border-opacity: 1;
  border-color: rgba(160, 209, 125, var(--tw-border-opacity)); /* #A0D17D */
}

.border-color-5FA035{
  --tw-border-opacity: 1;
  border-color: rgba(95, 160, 53, var(--tw-border-opacity)); /* #5FA035 */
}

.border-color-49A851{
  --tw-border-opacity: 1;
  border-color: rgba(73, 168, 81, var(--tw-border-opacity)); /* #49A851 */
}

.border-color-339474{
  --tw-border-opacity: 1;
  border-color: rgba(51, 148, 116, var(--tw-border-opacity)); /* #339474 */
}

.border-color-017A52{
  --tw-border-opacity: 1;
  border-color: rgba(1, 122, 82, var(--tw-border-opacity)); /* #017A52 */
}

.border-color-D19053{
  --tw-border-opacity: 1;
  border-color: rgba(209, 144, 83, var(--tw-border-opacity)); /* #D19053 */
}

.border-color-D6D633{
  --tw-border-opacity: 1;
  border-color: rgba(214, 214, 51, var(--tw-border-opacity)); /* #D6D633 */
}

.border-color-ED7D31{
  --tw-border-opacity: 1;
  border-color: rgba(237, 125, 49, var(--tw-border-opacity)); /* #ED7D31 */
}

.border-color-FDD000{
  --tw-border-opacity: 1;
  border-color: rgba(253, 208, 0, var(--tw-border-opacity)); /* #FDD000 */
}

.border-color-FFE6B3{
  --tw-border-opacity: 1;
  border-color: rgba(255, 230, 179, var(--tw-border-opacity)); /* #FFE6B3 */
}

.border-color-FFFF85{
  --tw-border-opacity: 1;
  border-color: rgba(255, 255, 133, var(--tw-border-opacity)); /* #FFFF85 */
}

.border-color-FFFDE4{
  --tw-border-opacity: 1;
  border-color: rgba(255, 253, 228, var(--tw-border-opacity)); /* #FFFDE4 */
}

.border-color-F8F8F8{
  --tw-border-opacity: 1;
  border-color: rgba(248, 248, 248, var(--tw-border-opacity)); /* #F8F8F8 */
}

.border-color-F4F4F4{
  --tw-border-opacity: 1;
  border-color: rgba(244, 244, 244, var(--tw-border-opacity)); /* #F4F4F4 */
}

.border-color-ECEEF2{
  --tw-border-opacity: 1;
  border-color: rgba(236, 238, 242, var(--tw-border-opacity)); /* #ECEEF2 */
}

.border-color-E8E8E8{
  --tw-border-opacity: 1;
  border-color: rgba(232, 232, 232, var(--tw-border-opacity)); /* #E8E8E8 */
}

.border-color-E3E3E3{
  --tw-border-opacity: 1;
  border-color: rgba(227, 227, 227, var(--tw-border-opacity)); /* #E3E3E3 */
}

.border-color-DDDDDD{
  --tw-border-opacity: 1;
  border-color: rgba(221, 221, 221, var(--tw-border-opacity)); /* #DDDDDD */
}

.border-color-CCCCCC{
  --tw-border-opacity: 1;
  border-color: rgba(204, 204, 204, var(--tw-border-opacity)); /* #CCCCCC */
}

.border-color-AAAAAA{
  --tw-border-opacity: 1;
  border-color: rgba(170, 170, 170, var(--tw-border-opacity)); /* #AAAAAA */
}

.border-color-707070{
  --tw-border-opacity: 1;
  border-color: rgba(112, 112, 112, var(--tw-border-opacity)); /* #707070 */
}

.border-color-333333{
  --tw-border-opacity: 1;
  border-color: rgba(51, 51, 51, var(--tw-border-opacity)); /* #333333 */
}

.border-color-FADCDC{
  --tw-border-opacity: 1;
  border-color: rgba(250, 220, 220, var(--tw-border-opacity)); /* #FADCDC */
}

.border-color-F15851{
  --tw-border-opacity: 1;
  border-color: rgba(241, 88, 81, var(--tw-border-opacity)); /* #F15851 */
}

.border-color-EB0C00{
  --tw-border-opacity: 1;
  border-color: rgba(235, 12, 0, var(--tw-border-opacity)); /* #EB0C00 */
}

.border-color-E9362D{
  --tw-border-opacity: 1;
  border-color: rgba(233, 54, 45, var(--tw-border-opacity)); /* #E9362D */
}

.border-color-FFADFF{
  --tw-border-opacity: 1;
  border-color: rgba(255, 173, 255, var(--tw-border-opacity)); /* #FFADFF */
}

.border-color-1558D6{
  --tw-border-opacity: 1;
  border-color: rgba(21, 88, 214, var(--tw-border-opacity)); /* #1558D6 */
}

.border-color-275EAC{
  --tw-border-opacity: 1;
  border-color: rgba(39, 94, 172, var(--tw-border-opacity)); /* #275EAC */
}

.border-color-CCE6F0{
  --tw-border-opacity: 1;
  border-color: rgba(204, 230, 240, var(--tw-border-opacity)); /* #CCE6F0 */
}

.border-color-E7F4FD{
  --tw-border-opacity: 1;
  border-color: rgba(231, 244, 253, var(--tw-border-opacity)); /* #E7F4FD */
}

.border-color-DB2012{
  --tw-border-opacity: 1;
  border-color: rgba(219, 32, 18, var(--tw-border-opacity)); /* #DB2012 */
}

.text-color-F8FFF4{
  --tw-text-opacity: 1;
  color: rgba(248, 255, 244, var(--tw-text-opacity)); /* #F8FFF4 */
}

.text-color-E1F7D2{
  --tw-text-opacity: 1;
  color: rgba(225, 247, 210, var(--tw-text-opacity)); /* #E1F7D2 */
}

.text-color-E7F5DE{
  --tw-text-opacity: 1;
  color: rgba(231, 245, 222, var(--tw-text-opacity)); /* #E7F5DE */
}

.text-color-C7EFAB{
  --tw-text-opacity: 1;
  color: rgba(199, 239, 171, var(--tw-text-opacity)); /* #C7EFAB */
}

.text-color-CCFF99{
  --tw-text-opacity: 1;
  color: rgba(204, 255, 153, var(--tw-text-opacity)); /* #CCFF99 */
}

.text-color-A0D17D{
  --tw-text-opacity: 1;
  color: rgba(160, 209, 125, var(--tw-text-opacity)); /* #A0D17D */
}

.text-color-5FA035{
  --tw-text-opacity: 1;
  color: rgba(95, 160, 53, var(--tw-text-opacity)); /* #5FA035 */
}

.text-color-49A851{
  --tw-text-opacity: 1;
  color: rgba(73, 168, 81, var(--tw-text-opacity)); /* #49A851 */
}

.text-color-339474{
  --tw-text-opacity: 1;
  color: rgba(51, 148, 116, var(--tw-text-opacity)); /* #339474 */
}

.text-color-017A52{
  --tw-text-opacity: 1;
  color: rgba(1, 122, 82, var(--tw-text-opacity)); /* #017A52 */
}

.text-color-D19053{
  --tw-text-opacity: 1;
  color: rgba(209, 144, 83, var(--tw-text-opacity)); /* #D19053 */
}

.text-color-D6D633{
  --tw-text-opacity: 1;
  color: rgba(214, 214, 51, var(--tw-text-opacity)); /* #D6D633 */
}

.text-color-ED7D31{
  --tw-text-opacity: 1;
  color: rgba(237, 125, 49, var(--tw-text-opacity)); /* #ED7D31 */
}

.text-color-FDD000{
  --tw-text-opacity: 1;
  color: rgba(253, 208, 0, var(--tw-text-opacity)); /* #FDD000 */
}

.text-color-FFE6B3{
  --tw-text-opacity: 1;
  color: rgba(255, 230, 179, var(--tw-text-opacity)); /* #FFE6B3 */
}

.text-color-FFFF85{
  --tw-text-opacity: 1;
  color: rgba(255, 255, 133, var(--tw-text-opacity)); /* #FFFF85 */
}

.text-color-FFFDE4{
  --tw-text-opacity: 1;
  color: rgba(255, 253, 228, var(--tw-text-opacity)); /* #FFFDE4 */
}

.text-color-F8F8F8{
  --tw-text-opacity: 1;
  color: rgba(248, 248, 248, var(--tw-text-opacity)); /* #F8F8F8 */
}

.text-color-F4F4F4{
  --tw-text-opacity: 1;
  color: rgba(244, 244, 244, var(--tw-text-opacity)); /* #F4F4F4 */
}

.text-color-ECEEF2{
  --tw-text-opacity: 1;
  color: rgba(236, 238, 242, var(--tw-text-opacity)); /* #ECEEF2 */
}

.text-color-E8E8E8{
  --tw-text-opacity: 1;
  color: rgba(232, 232, 232, var(--tw-text-opacity)); /* #E8E8E8 */
}

.text-color-E3E3E3{
  --tw-text-opacity: 1;
  color: rgba(227, 227, 227, var(--tw-text-opacity)); /* #E3E3E3 */
}

.text-color-DDDDDD{
  --tw-text-opacity: 1;
  color: rgba(221, 221, 221, var(--tw-text-opacity)); /* #DDDDDD */
}

.text-color-CCCCCC{
  --tw-text-opacity: 1;
  color: rgba(204, 204, 204, var(--tw-text-opacity)); /* #CCCCCC */
}

.text-color-AAAAAA{
  --tw-text-opacity: 1;
  color: rgba(170, 170, 170, var(--tw-text-opacity)); /* #AAAAAA */
}

.text-color-707070{
  --tw-text-opacity: 1;
  color: rgba(112, 112, 112, var(--tw-text-opacity)); /* #707070 */
}

.text-color-333333{
  --tw-text-opacity: 1;
  color: rgba(51, 51, 51, var(--tw-text-opacity)); /* #333333 */
}

.text-color-FADCDC{
  --tw-text-opacity: 1;
  color: rgba(250, 220, 220, var(--tw-text-opacity)); /* #FADCDC */
}

.text-color-F15851{
  --tw-text-opacity: 1;
  color: rgba(241, 88, 81, var(--tw-text-opacity)); /* #F15851 */
}

.text-color-EB0C00{
  --tw-text-opacity: 1;
  color: rgba(235, 12, 0, var(--tw-text-opacity)); /* #EB0C00 */
}

.text-color-E9362D{
  --tw-text-opacity: 1;
  color: rgba(233, 54, 45, var(--tw-text-opacity)); /* #E9362D */
}

.text-color-FFADFF{
  --tw-text-opacity: 1;
  color: rgba(255, 173, 255, var(--tw-text-opacity)); /* #FFADFF */
}

.text-color-1558D6{
  --tw-text-opacity: 1;
  color: rgba(21, 88, 214, var(--tw-text-opacity)); /* #1558D6 */
}

.text-color-275EAC{
  --tw-text-opacity: 1;
  color: rgba(39, 94, 172, var(--tw-text-opacity)); /* #275EAC */
}

.text-color-CCE6F0{
  --tw-text-opacity: 1;
  color: rgba(204, 230, 240, var(--tw-text-opacity)); /* #CCE6F0 */
}

.text-color-E7F4FD{
  --tw-text-opacity: 1;
  color: rgba(231, 244, 253, var(--tw-text-opacity)); /* #E7F4FD */
}

.hover_bg-color-F8FFF4:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(248, 255, 244, var(--tw-bg-opacity)); /* #F8FFF4 */
}

.hover_bg-color-E1F7D2:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(225, 247, 210, var(--tw-bg-opacity)); /* #E1F7D2 */
}

.hover_bg-color-E7F5DE:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(231, 245, 222, var(--tw-bg-opacity)); /* #E7F5DE */
}

.hover_bg-color-C7EFAB:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(199, 239, 171, var(--tw-bg-opacity)); /* #C7EFAB */
}

.hover_bg-color-CCFF99:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(204, 255, 153, var(--tw-bg-opacity)); /* #CCFF99 */
}

.hover_bg-color-A0D17D:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(160, 209, 125, var(--tw-bg-opacity)); /* #A0D17D */
}

.hover_bg-color-5FA035:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(95, 160, 53, var(--tw-bg-opacity)); /* #5FA035 */
}

.hover_bg-color-49A851:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(73, 168, 81, var(--tw-bg-opacity)); /* #49A851 */
}

.hover_bg-color-339474:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(51, 148, 116, var(--tw-bg-opacity)); /* #339474 */
}

.hover_bg-color-017A52:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(1, 122, 82, var(--tw-bg-opacity)); /* #017A52 */
}

.hover_bg-color-D19053:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(209, 144, 83, var(--tw-bg-opacity)); /* #D19053 */
}

.hover_bg-color-D6D633:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(214, 214, 51, var(--tw-bg-opacity)); /* #D6D633 */
}

.hover_bg-color-ED7D31:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(237, 125, 49, var(--tw-bg-opacity)); /* #ED7D31 */
}

.hover_bg-color-FDD000:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(253, 208, 0, var(--tw-bg-opacity)); /* #FDD000 */
}

.hover_bg-color-FFE6B3:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(255, 230, 179, var(--tw-bg-opacity)); /* #FFE6B3 */
}

.hover_bg-color-FFFF85:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 133, var(--tw-bg-opacity)); /* #FFFF85 */
}

.hover_bg-color-FFFDE4:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(255, 253, 228, var(--tw-bg-opacity)); /* #FFFDE4 */
}

.hover_bg-color-F8F8F8:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(248, 248, 248, var(--tw-bg-opacity)); /* #F8F8F8 */
}

.hover_bg-color-F4F4F4:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(244, 244, 244, var(--tw-bg-opacity)); /* #F4F4F4 */
}

.hover_bg-color-ECEEF2:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(236, 238, 242, var(--tw-bg-opacity)); /* #ECEEF2 */
}

.hover_bg-color-E8E8E8:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(232, 232, 232, var(--tw-bg-opacity)); /* #E8E8E8 */
}

.hover_bg-color-E3E3E3:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(227, 227, 227, var(--tw-bg-opacity)); /* #E3E3E3 */
}

.hover_bg-color-DDDDDD:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(221, 221, 221, var(--tw-bg-opacity)); /* #DDDDDD */
}

.hover_bg-color-CCCCCC:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(204, 204, 204, var(--tw-bg-opacity)); /* #CCCCCC */
}

.hover_bg-color-AAAAAA:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(170, 170, 170, var(--tw-bg-opacity)); /* #AAAAAA */
}

.hover_bg-color-707070:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(112, 112, 112, var(--tw-bg-opacity)); /* #707070 */
}

.hover_bg-color-333333:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(51, 51, 51, var(--tw-bg-opacity)); /* #333333 */
}

.hover_bg-color-FADCDC:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(250, 220, 220, var(--tw-bg-opacity)); /* #FADCDC */
}

.hover_bg-color-F15851:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(241, 88, 81, var(--tw-bg-opacity)); /* #F15851 */
}

.hover_bg-color-EB0C00:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(235, 12, 0, var(--tw-bg-opacity)); /* #EB0C00 */
}

.hover_bg-color-E9362D:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(233, 54, 45, var(--tw-bg-opacity)); /* #E9362D */
}

.hover_bg-color-FFADFF:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(255, 173, 255, var(--tw-bg-opacity)); /* #FFADFF */
}

.hover_bg-color-1558D6:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(21, 88, 214, var(--tw-bg-opacity)); /* #1558D6 */
}

.hover_bg-color-275EAC:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(39, 94, 172, var(--tw-bg-opacity)); /* #275EAC */
}

.hover_bg-color-CCE6F0:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(204, 230, 240, var(--tw-bg-opacity)); /* #CCE6F0 */
}

.hover_bg-color-E7F4FD:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(231, 244, 253, var(--tw-bg-opacity)); /* #E7F4FD */
}

.hover_border-color-F8FFF4:hover{
  --tw-border-opacity: 1;
  border-color: rgba(248, 255, 244, var(--tw-border-opacity)); /* #F8FFF4 */
}

.hover_border-color-E1F7D2:hover{
  --tw-border-opacity: 1;
  border-color: rgba(225, 247, 210, var(--tw-border-opacity)); /* #E1F7D2 */
}

.hover_border-color-E7F5DE:hover{
  --tw-border-opacity: 1;
  border-color: rgba(231, 245, 222, var(--tw-border-opacity)); /* #E7F5DE */
}

.hover_border-color-C7EFAB:hover{
  --tw-border-opacity: 1;
  border-color: rgba(199, 239, 171, var(--tw-border-opacity)); /* #C7EFAB */
}

.hover_border-color-CCFF99:hover{
  --tw-border-opacity: 1;
  border-color: rgba(204, 255, 153, var(--tw-border-opacity)); /* #CCFF99 */
}

.hover_border-color-A0D17D:hover{
  --tw-border-opacity: 1;
  border-color: rgba(160, 209, 125, var(--tw-border-opacity)); /* #A0D17D */
}

.hover_border-color-5FA035:hover{
  --tw-border-opacity: 1;
  border-color: rgba(95, 160, 53, var(--tw-border-opacity)); /* #5FA035 */
}

.hover_border-color-49A851:hover{
  --tw-border-opacity: 1;
  border-color: rgba(73, 168, 81, var(--tw-border-opacity)); /* #49A851 */
}

.hover_border-color-339474:hover{
  --tw-border-opacity: 1;
  border-color: rgba(51, 148, 116, var(--tw-border-opacity)); /* #339474 */
}

.hover_border-color-017A52:hover{
  --tw-border-opacity: 1;
  border-color: rgba(1, 122, 82, var(--tw-border-opacity)); /* #017A52 */
}

.hover_border-color-D19053:hover{
  --tw-border-opacity: 1;
  border-color: rgba(209, 144, 83, var(--tw-border-opacity)); /* #D19053 */
}

.hover_border-color-D6D633:hover{
  --tw-border-opacity: 1;
  border-color: rgba(214, 214, 51, var(--tw-border-opacity)); /* #D6D633 */
}

.hover_border-color-ED7D31:hover{
  --tw-border-opacity: 1;
  border-color: rgba(237, 125, 49, var(--tw-border-opacity)); /* #ED7D31 */
}

.hover_border-color-FDD000:hover{
  --tw-border-opacity: 1;
  border-color: rgba(253, 208, 0, var(--tw-border-opacity)); /* #FDD000 */
}

.hover_border-color-FFE6B3:hover{
  --tw-border-opacity: 1;
  border-color: rgba(255, 230, 179, var(--tw-border-opacity)); /* #FFE6B3 */
}

.hover_border-color-FFFF85:hover{
  --tw-border-opacity: 1;
  border-color: rgba(255, 255, 133, var(--tw-border-opacity)); /* #FFFF85 */
}

.hover_border-color-FFFDE4:hover{
  --tw-border-opacity: 1;
  border-color: rgba(255, 253, 228, var(--tw-border-opacity)); /* #FFFDE4 */
}

.hover_border-color-F8F8F8:hover{
  --tw-border-opacity: 1;
  border-color: rgba(248, 248, 248, var(--tw-border-opacity)); /* #F8F8F8 */
}

.hover_border-color-F4F4F4:hover{
  --tw-border-opacity: 1;
  border-color: rgba(244, 244, 244, var(--tw-border-opacity)); /* #F4F4F4 */
}

.hover_border-color-ECEEF2:hover{
  --tw-border-opacity: 1;
  border-color: rgba(236, 238, 242, var(--tw-border-opacity)); /* #ECEEF2 */
}

.hover_border-color-E8E8E8:hover{
  --tw-border-opacity: 1;
  border-color: rgba(232, 232, 232, var(--tw-border-opacity)); /* #E8E8E8 */
}

.hover_border-color-E3E3E3:hover{
  --tw-border-opacity: 1;
  border-color: rgba(227, 227, 227, var(--tw-border-opacity)); /* #E3E3E3 */
}

.hover_border-color-DDDDDD:hover{
  --tw-border-opacity: 1;
  border-color: rgba(221, 221, 221, var(--tw-border-opacity)); /* #DDDDDD */
}

.hover_border-color-CCCCCC:hover{
  --tw-border-opacity: 1;
  border-color: rgba(204, 204, 204, var(--tw-border-opacity)); /* #CCCCCC */
}

.hover_border-color-AAAAAA:hover{
  --tw-border-opacity: 1;
  border-color: rgba(170, 170, 170, var(--tw-border-opacity)); /* #AAAAAA */
}

.hover_border-color-707070:hover{
  --tw-border-opacity: 1;
  border-color: rgba(112, 112, 112, var(--tw-border-opacity)); /* #707070 */
}

.hover_border-color-333333:hover{
  --tw-border-opacity: 1;
  border-color: rgba(51, 51, 51, var(--tw-border-opacity)); /* #333333 */
}

.hover_border-color-FADCDC:hover{
  --tw-border-opacity: 1;
  border-color: rgba(250, 220, 220, var(--tw-border-opacity)); /* #FADCDC */
}

.hover_border-color-F15851:hover{
  --tw-border-opacity: 1;
  border-color: rgba(241, 88, 81, var(--tw-border-opacity)); /* #F15851 */
}

.hover_border-color-EB0C00:hover{
  --tw-border-opacity: 1;
  border-color: rgba(235, 12, 0, var(--tw-border-opacity)); /* #EB0C00 */
}

.hover_border-color-E9362D:hover{
  --tw-border-opacity: 1;
  border-color: rgba(233, 54, 45, var(--tw-border-opacity)); /* #E9362D */
}

.hover_border-color-FFADFF:hover{
  --tw-border-opacity: 1;
  border-color: rgba(255, 173, 255, var(--tw-border-opacity)); /* #FFADFF */
}

.hover_border-color-1558D6:hover{
  --tw-border-opacity: 1;
  border-color: rgba(21, 88, 214, var(--tw-border-opacity)); /* #1558D6 */
}

.hover_border-color-275EAC:hover{
  --tw-border-opacity: 1;
  border-color: rgba(39, 94, 172, var(--tw-border-opacity)); /* #275EAC */
}

.hover_border-color-CCE6F0:hover{
  --tw-border-opacity: 1;
  border-color: rgba(204, 230, 240, var(--tw-border-opacity)); /* #CCE6F0 */
}

.hover_border-color-E7F4FD:hover{
  --tw-border-opacity: 1;
  border-color: rgba(231, 244, 253, var(--tw-border-opacity)); /* #E7F4FD */
}

.hover_text-color-F8FFF4:hover{
  --tw-text-opacity: 1;
  color: rgba(248, 255, 244, var(--tw-text-opacity)); /* #F8FFF4 */
}

.hover_text-color-E1F7D2:hover{
  --tw-text-opacity: 1;
  color: rgba(225, 247, 210, var(--tw-text-opacity)); /* #E1F7D2 */
}

.hover_text-color-E7F5DE:hover{
  --tw-text-opacity: 1;
  color: rgba(231, 245, 222, var(--tw-text-opacity)); /* #E7F5DE */
}

.hover_text-color-C7EFAB:hover{
  --tw-text-opacity: 1;
  color: rgba(199, 239, 171, var(--tw-text-opacity)); /* #C7EFAB */
}

.hover_text-color-CCFF99:hover{
  --tw-text-opacity: 1;
  color: rgba(204, 255, 153, var(--tw-text-opacity)); /* #CCFF99 */
}

.hover_text-color-A0D17D:hover{
  --tw-text-opacity: 1;
  color: rgba(160, 209, 125, var(--tw-text-opacity)); /* #A0D17D */
}

.hover_text-color-5FA035:hover{
  --tw-text-opacity: 1;
  color: rgba(95, 160, 53, var(--tw-text-opacity)); /* #5FA035 */
}

.hover_text-color-49A851:hover{
  --tw-text-opacity: 1;
  color: rgba(73, 168, 81, var(--tw-text-opacity)); /* #49A851 */
}

.hover_text-color-339474:hover{
  --tw-text-opacity: 1;
  color: rgba(51, 148, 116, var(--tw-text-opacity)); /* #339474 */
}

.hover_text-color-017A52:hover{
  --tw-text-opacity: 1;
  color: rgba(1, 122, 82, var(--tw-text-opacity)); /* #017A52 */
}

.hover_text-color-D19053:hover{
  --tw-text-opacity: 1;
  color: rgba(209, 144, 83, var(--tw-text-opacity)); /* #D19053 */
}

.hover_text-color-D6D633:hover{
  --tw-text-opacity: 1;
  color: rgba(214, 214, 51, var(--tw-text-opacity)); /* #D6D633 */
}

.hover_text-color-ED7D31:hover{
  --tw-text-opacity: 1;
  color: rgba(237, 125, 49, var(--tw-text-opacity)); /* #ED7D31 */
}

.hover_text-color-FDD000:hover{
  --tw-text-opacity: 1;
  color: rgba(253, 208, 0, var(--tw-text-opacity)); /* #FDD000 */
}

.hover_text-color-FFE6B3:hover{
  --tw-text-opacity: 1;
  color: rgba(255, 230, 179, var(--tw-text-opacity)); /* #FFE6B3 */
}

.hover_text-color-FFFF85:hover{
  --tw-text-opacity: 1;
  color: rgba(255, 255, 133, var(--tw-text-opacity)); /* #FFFF85 */
}

.hover_text-color-FFFDE4:hover{
  --tw-text-opacity: 1;
  color: rgba(255, 253, 228, var(--tw-text-opacity)); /* #FFFDE4 */
}

.hover_text-color-F8F8F8:hover{
  --tw-text-opacity: 1;
  color: rgba(248, 248, 248, var(--tw-text-opacity)); /* #F8F8F8 */
}

.hover_text-color-F4F4F4:hover{
  --tw-text-opacity: 1;
  color: rgba(244, 244, 244, var(--tw-text-opacity)); /* #F4F4F4 */
}

.hover_text-color-ECEEF2:hover{
  --tw-text-opacity: 1;
  color: rgba(236, 238, 242, var(--tw-text-opacity)); /* #ECEEF2 */
}

.hover_text-color-E8E8E8:hover{
  --tw-text-opacity: 1;
  color: rgba(232, 232, 232, var(--tw-text-opacity)); /* #E8E8E8 */
}

.hover_text-color-E3E3E3:hover{
  --tw-text-opacity: 1;
  color: rgba(227, 227, 227, var(--tw-text-opacity)); /* #E3E3E3 */
}

.hover_text-color-DDDDDD:hover{
  --tw-text-opacity: 1;
  color: rgba(221, 221, 221, var(--tw-text-opacity)); /* #DDDDDD */
}

.hover_text-color-CCCCCC:hover{
  --tw-text-opacity: 1;
  color: rgba(204, 204, 204, var(--tw-text-opacity)); /* #CCCCCC */
}

.hover_text-color-AAAAAA:hover{
  --tw-text-opacity: 1;
  color: rgba(170, 170, 170, var(--tw-text-opacity)); /* #AAAAAA */
}

.hover_text-color-707070:hover{
  --tw-text-opacity: 1;
  color: rgba(112, 112, 112, var(--tw-text-opacity)); /* #707070 */
}

.hover_text-color-333333:hover{
  --tw-text-opacity: 1;
  color: rgba(51, 51, 51, var(--tw-text-opacity)); /* #333333 */
}

.hover_text-color-FADCDC:hover{
  --tw-text-opacity: 1;
  color: rgba(250, 220, 220, var(--tw-text-opacity)); /* #FADCDC */
}

.hover_text-color-F15851:hover{
  --tw-text-opacity: 1;
  color: rgba(241, 88, 81, var(--tw-text-opacity)); /* #F15851 */
}

.hover_text-color-EB0C00:hover{
  --tw-text-opacity: 1;
  color: rgba(235, 12, 0, var(--tw-text-opacity)); /* #EB0C00 */
}

.hover_text-color-E9362D:hover{
  --tw-text-opacity: 1;
  color: rgba(233, 54, 45, var(--tw-text-opacity)); /* #E9362D */
}

.hover_text-color-FFADFF:hover{
  --tw-text-opacity: 1;
  color: rgba(255, 173, 255, var(--tw-text-opacity)); /* #FFADFF */
}

.hover_text-color-1558D6:hover{
  --tw-text-opacity: 1;
  color: rgba(21, 88, 214, var(--tw-text-opacity)); /* #1558D6 */
}

.hover_text-color-275EAC:hover{
  --tw-text-opacity: 1;
  color: rgba(39, 94, 172, var(--tw-text-opacity)); /* #275EAC */
}

.hover_text-color-CCE6F0:hover{
  --tw-text-opacity: 1;
  color: rgba(204, 230, 240, var(--tw-text-opacity)); /* #CCE6F0 */
}

.hover_text-color-E7F4FD:hover{
  --tw-text-opacity: 1;
  color: rgba(231, 244, 253, var(--tw-text-opacity)); /* #E7F4FD */
}

/** ####### before after width height ############# */
.before\:w-0::before {
  width: 0px;
}

.before\:w-1::before {
  width: 0.25rem;
}

.before\:w-2::before {
  width: 0.5rem;
}

.before\:w-3::before {
  width: 0.75rem;
}

.before\:w-4::before {
  width: 1rem;
}

.before\:w-5::before {
  width: 1.25rem;
}

.before\:w-6::before {
  width: 1.5rem;
}

.before\:w-7::before {
  width: 1.75rem;
}

.before\:w-8::before {
  width: 2rem;
}

.before\:w-9::before {
  width: 2.25rem;
}

.before\:w-10::before {
  width: 2.5rem;
}

.before\:w-11::before {
  width: 2.75rem;
}

.before\:w-12::before {
  width: 3rem;
}

.before\:w-14::before {
  width: 3.5rem;
}

.before\:w-16::before {
  width: 4rem;
}

.before\:w-20::before {
  width: 5rem;
}

.before\:w-24::before {
  width: 6rem;
}

.before\:w-28::before {
  width: 7rem;
}

.before\:w-32::before {
  width: 8rem;
}

.before\:w-36::before {
  width: 9rem;
}

.before\:w-40::before {
  width: 10rem;
}

.before\:w-44::before {
  width: 11rem;
}

.before\:w-48::before {
  width: 12rem;
}

.before\:w-52::before {
  width: 13rem;
}

.before\:w-56::before {
  width: 14rem;
}

.before\:w-60::before {
  width: 15rem;
}

.before\:w-64::before {
  width: 16rem;
}

.before\:w-72::before {
  width: 18rem;
}

.before\:w-80::before {
  width: 20rem;
}

.before\:w-96::before {
  width: 24rem;
}

.before\:w-px::before {
  width: 1px;
}

.before\:w-0\.5::before {
  width: 0.125rem;
}

.before\:w-1\.5::before {
  width: 0.375rem;
}

.before\:w-2\.5::before {
  width: 0.625rem;
}

.before\:w-3\.5::before {
  width: 0.875rem;
}

.after\:w-0::after {
  width: 0px;
}

.after\:w-1::after {
  width: 0.25rem;
}

.after\:w-2::after {
  width: 0.5rem;
}

.after\:w-3::after {
  width: 0.75rem;
}

.after\:w-4::after {
  width: 1rem;
}

.after\:w-5::after {
  width: 1.25rem;
}

.after\:w-6::after {
  width: 1.5rem;
}

.after\:w-7::after {
  width: 1.75rem;
}

.after\:w-8::after {
  width: 2rem;
}

.after\:w-9::after {
  width: 2.25rem;
}

.after\:w-10::after {
  width: 2.5rem;
}

.after\:w-11::after {
  width: 2.75rem;
}

.after\:w-12::after {
  width: 3rem;
}

.after\:w-14::after {
  width: 3.5rem;
}

.after\:w-16::after {
  width: 4rem;
}

.after\:w-20::after {
  width: 5rem;
}

.after\:w-24::after {
  width: 6rem;
}

.after\:w-28::after {
  width: 7rem;
}

.after\:w-32::after {
  width: 8rem;
}

.after\:w-36::after {
  width: 9rem;
}

.after\:w-40::after {
  width: 10rem;
}

.after\:w-44::after {
  width: 11rem;
}

.after\:w-48::after {
  width: 12rem;
}

.after\:w-52::after {
  width: 13rem;
}

.after\:w-56::after {
  width: 14rem;
}

.after\:w-60::after {
  width: 15rem;
}

.after\:w-64::after {
  width: 16rem;
}

.after\:w-72::after {
  width: 18rem;
}

.after\:w-80::after {
  width: 20rem;
}

.after\:w-96::after {
  width: 24rem;
}

.after\:w-px::after {
  width: 1px;
}

.after\:w-0\.5::after {
  width: 0.125rem;
}

.after\:w-1\.5::after {
  width: 0.375rem;
}

.after\:w-2\.5::after {
  width: 0.625rem;
}

.after\:w-3\.5::after {
  width: 0.875rem;
}

.before\:h-0::before {
  height: 0px;
}

.before\:h-1::before {
  height: 0.25rem;
}

.before\:h-2::before {
  height: 0.5rem;
}

.before\:h-3::before {
  height: 0.75rem;
}

.before\:h-4::before {
  height: 1rem;
}

.before\:h-5::before {
  height: 1.25rem;
}

.before\:h-6::before {
  height: 1.5rem;
}

.before\:h-7::before {
  height: 1.75rem;
}

.before\:h-8::before {
  height: 2rem;
}

.before\:h-9::before {
  height: 2.25rem;
}

.before\:h-10::before {
  height: 2.5rem;
}

.before\:h-11::before {
  height: 2.75rem;
}

.before\:h-12::before {
  height: 3rem;
}

.before\:h-14::before {
  height: 3.5rem;
}

.before\:h-16::before {
  height: 4rem;
}

.before\:h-20::before {
  height: 5rem;
}

.before\:h-24::before {
  height: 6rem;
}

.before\:h-28::before {
  height: 7rem;
}

.before\:h-32::before {
  height: 8rem;
}

.before\:h-36::before {
  height: 9rem;
}

.before\:h-40::before {
  height: 10rem;
}

.before\:h-44::before {
  height: 11rem;
}

.before\:h-48::before {
  height: 12rem;
}

.before\:h-52::before {
  height: 13rem;
}

.before\:h-56::before {
  height: 14rem;
}

.before\:h-60::before {
  height: 15rem;
}

.before\:h-64::before {
  height: 16rem;
}

.before\:h-72::before {
  height: 18rem;
}

.before\:h-80::before {
  height: 20rem;
}

.before\:h-96::before {
  height: 24rem;
}

.before\:h-px::before {
  height: 1px;
}

.before\:h-0\.5::before {
  height: 0.125rem;
}

.before\:h-1\.5::before {
  height: 0.375rem;
}

.before\:h-2\.5::before {
  height: 0.625rem;
}

.before\:h-3\.5::before {
  height: 0.875rem;
}

.after\:h-0::after {
  height: 0px;
}

.after\:h-1::after {
  height: 0.25rem;
}

.after\:h-2::after {
  height: 0.5rem;
}

.after\:h-3::after {
  height: 0.75rem;
}

.after\:h-4::after {
  height: 1rem;
}

.after\:h-5::after {
  height: 1.25rem;
}

.after\:h-6::after {
  height: 1.5rem;
}

.after\:h-7::after {
  height: 1.75rem;
}

.after\:h-8::after {
  height: 2rem;
}

.after\:h-9::after {
  height: 2.25rem;
}

.after\:h-10::after {
  height: 2.5rem;
}

.after\:h-11::after {
  height: 2.75rem;
}

.after\:h-12::after {
  height: 3rem;
}

.after\:h-14::after {
  height: 3.5rem;
}

.after\:h-16::after {
  height: 4rem;
}

.after\:h-20::after {
  height: 5rem;
}

.after\:h-24::after {
  height: 6rem;
}

.after\:h-28::after {
  height: 7rem;
}

.after\:h-32::after {
  height: 8rem;
}

.after\:h-36::after {
  height: 9rem;
}

.after\:h-40::after {
  height: 10rem;
}

.after\:h-44::after {
  height: 11rem;
}

.after\:h-48::after {
  height: 12rem;
}

.after\:h-52::after {
  height: 13rem;
}

.after\:h-56::after {
  height: 14rem;
}

.after\:h-60::after {
  height: 15rem;
}

.after\:h-64::after {
  height: 16rem;
}

.after\:h-72::after {
  height: 18rem;
}

.after\:h-80::after {
  height: 20rem;
}

.after\:h-96::after {
  height: 24rem;
}

.after\:h-px::after {
  height: 1px;
}

.after\:h-0\.5::after {
  height: 0.125rem;
}

.after\:h-1\.5::after {
  height: 0.375rem;
}

.after\:h-2\.5::after {
  height: 0.625rem;
}

.after\:h-3\.5::after {
  height: 0.875rem;
}

/** ####### width % ############# */
.w-1\% {
  width: 1%;
}
.w-2\% {
  width: 2%;
}
.w-3\% {
  width: 3%;
}
.w-4\% {
  width: 4%;
}
.w-5\% {
  width: 5%;
}
.w-6\% {
  width: 6%;
}
.w-7\% {
  width: 7%;
}
.w-8\% {
  width: 8%;
}
.w-9\% {
  width: 9%;
}
.w-10\% {
  width: 10%;
}
.w-11\% {
  width: 11%;
}
.w-12\% {
  width: 12%;
}
.w-13\% {
  width: 13%;
}
.w-14\% {
  width: 14%;
}
.w-15\% {
  width: 15%;
}
.w-16\% {
  width: 16%;
}
.w-17\% {
  width: 17%;
}
.w-18\% {
  width: 18%;
}
.w-19\% {
  width: 19%;
}
.w-20\% {
  width: 20%;
}
.w-21\% {
  width: 21%;
}
.w-22\% {
  width: 22%;
}
.w-23\% {
  width: 23%;
}
.w-24\% {
  width: 24%;
}
.w-25\% {
  width: 25%;
}
.w-26\% {
  width: 26%;
}
.w-27\% {
  width: 27%;
}
.w-28\% {
  width: 28%;
}
.w-29\% {
  width: 29%;
}
.w-30\% {
  width: 30%;
}
.w-31\% {
  width: 31%;
}
.w-32\% {
  width: 32%;
}
.w-33\% {
  width: 33%;
}
.w-34\% {
  width: 34%;
}
.w-35\% {
  width: 35%;
}
.w-36\% {
  width: 36%;
}
.w-37\% {
  width: 37%;
}
.w-38\% {
  width: 38%;
}
.w-39\% {
  width: 39%;
}
.w-40\% {
  width: 40%;
}
.w-41\% {
  width: 41%;
}
.w-42\% {
  width: 42%;
}
.w-43\% {
  width: 43%;
}
.w-44\% {
  width: 44%;
}
.w-45\% {
  width: 45%;
}
.w-46\% {
  width: 46%;
}
.w-47\% {
  width: 47%;
}
.w-48\% {
  width: 48%;
}
.w-49\% {
  width: 49%;
}
.w-50\% {
  width: 50%;
}
.w-51\% {
  width: 51%;
}
.w-52\% {
  width: 52%;
}
.w-53\% {
  width: 53%;
}
.w-54\% {
  width: 54%;
}
.w-55\% {
  width: 55%;
}
.w-56\% {
  width: 56%;
}
.w-57\% {
  width: 57%;
}
.w-58\% {
  width: 58%;
}
.w-59\% {
  width: 59%;
}
.w-60\% {
  width: 60%;
}
.w-61\% {
  width: 61%;
}
.w-62\% {
  width: 62%;
}
.w-63\% {
  width: 63%;
}
.w-64\% {
  width: 64%;
}
.w-65\% {
  width: 65%;
}
.w-66\% {
  width: 66%;
}
.w-67\% {
  width: 67%;
}
.w-68\% {
  width: 68%;
}
.w-69\% {
  width: 69%;
}
.w-70\% {
  width: 70%;
}
.w-71\% {
  width: 71%;
}
.w-72\% {
  width: 72%;
}
.w-73\% {
  width: 73%;
}
.w-74\% {
  width: 74%;
}
.w-75\% {
  width: 75%;
}
.w-76\% {
  width: 76%;
}
.w-77\% {
  width: 77%;
}
.w-78\% {
  width: 78%;
}
.w-79\% {
  width: 79%;
}
.w-80\% {
  width: 80%;
}
.w-81\% {
  width: 81%;
}
.w-82\% {
  width: 82%;
}
.w-83\% {
  width: 83%;
}
.w-84\% {
  width: 84%;
}
.w-85\% {
  width: 85%;
}
.w-86\% {
  width: 86%;
}
.w-87\% {
  width: 87%;
}
.w-88\% {
  width: 88%;
}
.w-89\% {
  width: 89%;
}
.w-90\% {
  width: 90%;
}
.w-91\% {
  width: 91%;
}
.w-92\% {
  width: 92%;
}
.w-93\% {
  width: 93%;
}
.w-94\% {
  width: 94%;
}
.w-95\% {
  width: 95%;
}
.w-96\% {
  width: 96%;
}
.w-97\% {
  width: 97%;
}
.w-98\% {
  width: 98%;
}
.w-99\% {
  width: 99%;
}

/* 利用規約 */
.riyokiyaku {
  height: 450px;
  overflow-y: auto;
}
@media screen and (max-width: 768px){
  .riyokiyaku {
    height: 380px;
    overflow-y: auto;
  }
}

/* 契約照会自動車 */
.shokai-car-th {
  border-width: 1px;
  font-weight: 400;
  text-align: left;
  padding-left: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgba(204, 230, 255, var(--tw-bg-opacity));  /* #cce6ff */
  --tw-border-opacity: 1;
  border-color: rgba(30, 144, 255, var(--tw-border-opacity)); /* #1e90ff */
}
.shokai-car-th-pattern2 {
  border-width: 1px;
  font-weight: 400;
  text-align: left;
  padding-left: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgba(153, 204, 255, var(--tw-bg-opacity));  /* #99ccff */
  --tw-border-opacity: 1;
  border-color: rgba(30, 144, 255, var(--tw-border-opacity)); /* #1e90ff */
}
.shokai-car-th-pattern3 {
  border-width: 1px;
  font-weight: 400;
  text-align: left;
  padding-left: 2rem;
  --tw-bg-opacity: 1;
  background-color: rgba(204, 230, 255, var(--tw-bg-opacity));  /* #cce6ff */
  --tw-border-opacity: 1;
  border-color: rgba(30, 144, 255, var(--tw-border-opacity)); /* #1e90ff */
}
.shokai-car-td {
  border-width: 1px;
  font-weight: 400;
  text-align: left;
  padding-left: 0.75rem;
  --tw-border-opacity: 1;
  border-color: rgba(30, 144, 255, var(--tw-border-opacity)); /* #1e90ff */
}

/* イメージカラー */
/* 自動車 */
.text-car-image {
  --tw-text-opacity: 1;
  color: rgba(30, 144, 255, var(--tw-text-opacity));  /* #1e90ff */
}
.border-car-image {
  --tw-border-opacity: 1;
  border-color: rgba(30, 144, 255, var(--tw-border-opacity)); /* #1e90ff */
}
.bg-car-image {
  --tw-bg-opacity: 1;
  background-color: rgba(30, 144, 255, var(--tw-bg-opacity)); /* #1e90ff */
}

.bg-error {
  --tw-bg-opacity: 1;
  background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
}

.rounded-rectangle {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-width: 2px;
}
@media screen and (min-width: 803px){
  .mobileBreak {
    display: none !important;
  }
  .p-step2Plan__mobileFee {
    display: none;
  }
}
@media screen and (max-width: 803px){
  .pcBreak {
    display: none !important;
  }
}
.modal-close {
  position: absolute;
  top: -5px;
  right: 0;
  font-size: 26px;
  color: #aaaaaa;
  padding: 3px 8px;
  cursor: pointer;
  border-radius: 5px 5px 0 0;
}
.cross {
  position: relative;
  width: 20px;
  height: 20px;
}

.cross::before,
.cross::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 10%;
  background-color: gray;
  transform: translate(-50%, -50%) rotate(45deg);
}

.cross::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}