@charset "utf-8";
/*
Theme Name: 未来運輸専用テーマ
Description: 未来運輸専用テーマ
Version: 1.0
*/


/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

body.mceContentBody {
  background:#fff;
  color:#484848;
  font:12px/1.5 'Lucida Grande', Helvetica;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
  -webkit-text-size-adjust: 100%;
  overflow:visible;
  padding:0;
  margin:1em;
}


img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */


/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/* End captions */

.wysiwyg {

}

.wysiwyg p {
  margin-bottom: 5rem;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 2;
}
.wysiwyg em {
  color: var(--main-color);
  font-size: 2.8rem;
  font-weight: 700;
}
.wysiwyg strong {
  font-weight: 700;
  background: #FAEE02;
}

.wysiwyg h3 {
  margin-bottom: 4rem;
  padding: 1rem 3.6rem;
  color: var(--main-color);
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1.62;
  border-radius: 7px;
  background: #DFF2E4;
}
.wysiwyg h4 {
  margin-bottom: 4rem;
  padding-bottom: 2.8rem;
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.64;
  background: url(./images/src/news/border01.svg) no-repeat left bottom / 100%;
}
.wysiwyg h5 {
  display: inline-block;
  margin-bottom: 2.4rem;
  padding: 0.2rem 2.4rem;
  color: #fff;
  font-size: 2.4rem;
  font-weight: 700;
  border-radius: 180px;
  background: var(--main-color);
}
.wysiwyg h6 {
  position: relative;
  margin-bottom: 1.5rem;
  padding-left: 3.3rem;
  color: var(--main-color);
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.72;
}
.wysiwyg h6::before {
  content:'■';
  position: absolute;
  left: 0;
  color: var(--main-color);
}
.wysiwyg ul,
.wysiwyg ol {
  margin-bottom: 4rem;
}
.wysiwyg li {
  position: relative;
  font-size: 2rem;
  font-weight: 400;
}
.wysiwyg ul li {
  padding-left: 2.2rem;
}
.wysiwyg ol li {
  padding-left: 4rem;
  counter-increment: number;
}
.wysiwyg ul li::before {
  content:'●';
  position: absolute;
  top: 1rem;
  left: 0;
  color: var(--main-color);
  font-size: 1rem;
}

.wysiwyg ol li::before {
  content: counter(number, decimal-leading-zero);
  font-family: "Poppins", sans-serif;
  position: absolute;
  top: 0.5rem;
  left: 0;
  color: var(--main-color);
  font-size: 2.2rem;
  font-weight: 600;
}
.wysiwyg table tr {
      border-top: 1px solid var(--bdr-color);
      border-bottom: 1px solid var(--bdr-color);
  }
  .wysiwyg table td {
      position: relative;
      padding: 38px 50px;
      font-size: 18px;
      font-weight: 400;
      letter-spacing: 0.04em;
  }
  .wysiwyg table tr td:first-of-type {
      width: 20%;
      font-weight: 700;
  }
  .wysiwyg table tr td:first-of-type:after {
      content:'';
      position: absolute;
      right: 0;
      top: 20px;
      bottom: 20px;
      margin: auto;
      width: 1px;
      background: var(--bdr-color);
  }



.fitimg {
  display: flex;
  justify-content: center;
  align-items: center;
}
.fitimg img{
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
.regacy_fitimg {
  display: relative;
  overflow: hidden;
}
.regacy_fitimg img{
  position: absolute;
  left: -50%;
  right: -50%;
  top: -50%;
  bottom: -50%;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
.wysiwyg a {
  text-decoration: underline;
  color: var(--main-color);
}

@media screen and (max-width:828px) {
  .wysiwyg {

	}
	
	.wysiwyg p {
		margin-bottom: 10.87vw;
		font-size: 3.623vw;
		line-height: 1.8;
	}
	.wysiwyg em {
		font-size: 4.589vw;
	}
	
	.wysiwyg h3 {
		margin-bottom: 4.831vw;
		padding: 2.415vw 3.623vw;
		font-size: 4.831vw;
		line-height: 1.5;
		border-radius: 0.845vw;
	}
	.wysiwyg h4 {
		margin-bottom: 4.831vw;
		padding-bottom: 3.623vw;
		font-size: 4.589vw;
		line-height: 1.36;
		background: url(./images/src/news/border01.svg) no-repeat left bottom / 100%;
	}
	.wysiwyg h5 {
		margin-bottom: 4.831vw;
		padding: 0.966vw 3.019vw;
		font-size: 4.106vw;
		border-radius: 21.739vw;
	}
	.wysiwyg h6 {
		margin-bottom: 3.623vw;
		padding-left: 5.797vw;
		font-size: 3.865vw;
		line-height: 1.18;
	}
	.wysiwyg ul,
	.wysiwyg ol {
		margin-bottom: 4.831vw;
	}
	.wysiwyg li {
		font-size: 3.623vw;
	}
	.wysiwyg ul li {
		padding-left: 3.019vw;
	}
	.wysiwyg ol li {
		padding-left: 6.643vw;
	}
	.wysiwyg ul li::before {
		top: 2.5vw;
		left: 0;
		font-size: 1.174vw;
	}

	.wysiwyg ol li::before {
		top: 1.5vw;
		font-size: 3.865vw;
	}
	.wysiwyg table tr {
        border-top: 1px solid var(--bdr-color);
        border-bottom: 1px solid var(--bdr-color);
    }
    .wysiwyg table td {
		display: block;
        position: relative;
        padding: 2.536vw 0;
        font-size: 3.623vw;
    }
    .wysiwyg table tr td:first-of-type {
		padding-bottom: 0;
        width: 100%;
        font-weight: 700;
    }
    .wysiwyg table tr td:first-of-type:after {
        display: none;
    }


}