@charset "utf-8";
.post .mv2 {
  position: relative;
}
.post .mv2 .title {
  position: absolute;
  left: 0%;
  top: 50% !important;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 100%;
  height: auto;
  background-color: rgba(49, 167, 244, 0.7) !important;
  padding: 1.6em 0.6em 0;
  text-align: center;
}
.post .mv2 .title h2 {
  color: #fff !important;
  font-size: 1.4em;
  line-height: 1.45em;
}
.post .mv2 .title h2 span {
  color: #ffff00 !important;
  font-size: 1.23em;
}
.post .mv2 .title p {
  font-weight: normal;
  color: #fff !important;
  text-align: center;
  font-size: 1.4em;
  line-height: 1.4em;
  margin-bottom: 3px;
}
.post .mv2 .title p span {
  color: #FF7C18;
}
@media (min-width: 576px) {
  .post .mv2 .title h2 {
    font-size: 1.9em !important;
  }
  .post .mv2 .title p {
    font-size: 1.5em;
  }
}
@media (min-width: 768px) {
  .post .mv2 .title {
    padding: 0.8em auto 0 !important;
  }
  .post .mv2 .title h2 {
    font-size: 1.8em !important;
    margin-top: -0.1em;
  }
  .post .mv2 .title p {
    font-size: 1.5em;
  }
}
@media (min-width: 992px) {
  .post .mv2 .title {
    top: 50% !important;
  }
  .post .mv2 .title h2 {
    font-size: 1.45em !important;
  }
  .post .mv2 .title p {
    font-size: 1.3em;
  }
}
@media (min-width: 1200px) {
  .post .mv2 .title h2 {
    font-size: 1.9em !important;
  }
  .post .mv2 .title p {
    font-size: 1.4em;
  }
}


/*/////// 共通 ////////*/
.post .text-blue {
  color: #0071bc;
}
.post .text-orange {
  color: #f15a24;
}

.post .text-line {
	background:linear-gradient(transparent 60%, #FFF500 0%);
}

.post section h4 {
  color: #222;
  font-weight: bold;
  font-size: 1.25em;
  line-height: 1.5em;
  margin-bottom: 7px;
}
.post .bg-glay {
  background-color: #f3f3f3;
}

.post .link {
	color: rgba(38,191,255,1.00);
	text-decoration: underline;
}

.post section .under-line {
	padding: 0;
	margin: 0;
	border: 0;
	width: 100%;
	display: block;
	height: 3px !important;
	margin: 0.3rem auto;
	background: linear-gradient(90deg, #0071bc 0%, #0071bc 50%, #ccc 50%, #ccc 100%);
	opacity: 1;
}

@media (min-width: 768px) {
	.post section h4 {
		font-size: 1.3em;
	}
}

@media (min-width: 992px) {
	.post section h4 {
		font-size: 1.35em;
	}	
}

@media (min-width: 1200px) {
	.post section h4 {
		font-size: 1.35em;
	}
}


/*/////// セクション5 ////////*/
.post .sec5 .simulation-wrap {
	border: 1px solid #222;
	padding: 20px 10px;
}

/*/////// セクション6 ////////*/