@charset "utf-8";

/*------------------------------------
scheduleTable
------------------------------------*/
.scheduleTable tbody tr th, .scheduleTable tbody tr td{
  padding: 3px 25px 3px 25px;
  vertical-align: middle;
}

/*------------------------------------
tab
------------------------------------*/

.area {
  width: auto;
  margin: auto;
  flex-wrap: wrap;
  display: flex;
}
 
.tab_class {
  width: calc(100%/2);
  height: 70px;
  background-color:white;
  line-height: 50px;
  font-size: 18px;
  
  text-align: center;
  display: block;
  float: left;
  order: -1;
  box-sizing: border-box;
  border-bottom: solid 1px #0ca26c;
  padding: 16px 10px 22px 10px;
}
 
input[name="tab_name"] {
  display: none;
}
 
input:checked + .tab_class {
  background-color: white;
  color:#0ca26c;
  border-left: solid 1px #0ca26c;
  border-right: solid 1px #0ca26c;
  border-top: solid 1px #0ca26c;
  border-bottom: solid 1px white;
  font-weight: bold;
  
}
 
.content_class {
  display: none;  /*非表示*/
  width: 100%;
  padding: 30px;
}
 
input:checked + .tab_class + .content_class {
  display: block; /*表示*/
  
}

/*------------------------------------
postmark .result
------------------------------------*/
td p a span mark {
  color: #c00;
  font-style: normal;
  background: none;
}


/*------------------------------------
lightbox  for LHO801.png move from faq.css 20220123
------------------------------------*/
/*  lightbox sheet1 */
/*  faq8023.html for LHO801.png */
#lightbox_1 img {
  border: 3px solid #808080;
}
/*  lightbox sheet2 and after */
/*  faq8023.html after LHO801.png */
#lightbox_2 {
  display: none;
}
#lightbox_3 {
  display: none;
}
#lightbox_4 {
  display: none;
}

/*------------------------------------
infomation mark for message box
------------------------------------*/
.infomark::before{
	content: "i";
	font-size: 95%;
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle;
	width: 1.5em;
	height: 1.5em;
	text-align: center;
	line-height: 1.5;
	border-radius: 50%;
	border:solid 2px red;
	background:white;
	color: red;
	font-weight: bold;
	font-family: sans-serif !important;
}


/*------------------------------------
carousel
------------------------------------*/

.css-carousel-overwrap{
	display: block;
	margin: auto;
	max-width: 360px;
}
.css-carousel-slider {
	width: 100%;
	
	overflow: hidden;
	position: relative;
}
.css-carousel-slider img {
	width: 100%;
	height: auto;
	vertical-align: top;
}


.css-carousel-slider .slide-wrap {
	width: 1200%; 
	position: absolute;
	display: flex;
	top: 0;
	left: 0;
	z-index: 0;
	animation: css-carousel-slider 20s infinite; 
	animation-delay: 2s; 
}
.css-carousel-slider .slide-wrap-main {
	width: 100%;
	z-index: 1;
	animation: css-carousel-slider-main 20s infinite; 
	animation-delay: 2s; 
}
.css-carousel-slider .slide {
	width: 100%;
}


@keyframes css-carousel-slider {
	0% { transform: translateX(0); }

	3.3% { transform: translateX(calc(1 / 12 * -100%)); }
	8.3% { transform: translateX(calc(1 / 12 * -100%)); }

	11.6% { transform: translateX(calc(2 / 12 * -100%)); }
	16.6% { transform: translateX(calc(2 / 12 * -100%)); }

	20.0% { transform: translateX(calc(3 / 12 * -100%)); }
	25.0% { transform: translateX(calc(3 / 12 * -100%)); }

	28.3% { transform: translateX(calc(4 / 12 * -100%)); }
	33.3% { transform: translateX(calc(4 / 12 * -100%)); }

	36.6% { transform: translateX(calc(5 / 12 * -100%)); }
	41.6% { transform: translateX(calc(5 / 12 * -100%)); }

	45% { transform: translateX(calc(6 / 12 * -100%)); }
	50% { transform: translateX(calc(6 / 12 * -100%)); }

	53.3% { transform: translateX(calc(7 / 12 * -100%)); }
	58.3% { transform: translateX(calc(7 / 12 * -100%)); }

	61.6% { transform: translateX(calc(8 / 12 * -100%)); }
	66.6% { transform: translateX(calc(8 / 12 * -100%)); }

	70.0% { transform: translateX(calc(9 / 12 * -100%)); }
	75.0% { transform: translateX(calc(9 / 12 * -100%)); }

	78.3% { transform: translateX(calc(10 / 12 * -100%)); }
	83.3% { transform: translateX(calc(10 / 12 * -100%)); }

	86.6% { transform: translateX(calc(11 / 12 * -100%)); }
	91.6% { transform: translateX(calc(11 / 12 * -100%)); }

	95% { transform: translateX(calc(12 / 12 * -100%)); }
	100% { transform: translateX(calc(12 / 12 * -100%)); }
}

@keyframes css-carousel-slider-main {
	0% { transform: translateX(100%); }
	91.6% { transform: translateX(100%); }
	95% { transform: translateX(0%);}
}

/*------------------------------------
e-ideco button orange base
------------------------------------*/
/* copy from faq8401.css 20251111*/
/*e-idecoのボタン装飾 画像の前後に > と□ を挿入する*/
.e-idecobutton::before{
	content: "\e909";
	font-family: 'icon_type2018';
	margin-right: 10px;
	vertical-align: middle;
	font-weight: normal;
	color:#ef8540;
}
#eidecologin .iconNewWindow > span:after {
	content: "\e90f";
	font-family: 'icon_type2018';
	margin-left: 10px;
	vertical-align: middle;
	font-weight: normal;
	color:#ef8540;
}
.e-idecobutton:hover::before{
	color:white;
}
#eidecologin .iconNewWindow > span:hover:hover::after {
	color:white;
}

.e-idecobutton img {
	width:200px;
}
.iconNewWindow > span:hover::after {
	color:white;
}
#eidecologin .select_button {
	border: 4px solid #faab00;
	background-color:#fcd57e;
	border-radius: 20px;
	line-height: 6em;
	box-shadow: 6px 6px 3px #666666;
	margin: 5px;
	padding: 2px 10px;
}
#eidecologin .select_button:hover{
	background-color:#ffb513;
}
@media screen and (max-width: 767px) {
	.e-idecobutton img {
		max-width: 70%;
		vertical-align: middle;
	}
}
@media screen and (max-width: 767px) {
	.e-ideco_fixedBottomsign img {
		display:none;
	}
}