.trans {
	color: #000;
	font-size: 16px;
}

.trans-01 {
	background-color: #000;
}
.trans-01.flex-wrap {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.trans-01 h3:nth-child(2) {
	text-align: right;
}
.trans-02 {
	background-color: #FBC50A;
	padding: 30px 15px;
}
.trans-02 .ttl-sub {
	font-size: 24px;
	font-weight: bold;
}
.trans-02 .ttl {
	font-size: 42px;
	font-weight: bold;
	text-shadow: 3px 3px 0 rgba( 230, 0, 18, .4 );
}
.trans-02 p {
	font-size: 18px;
	font-weight: bold;
}
.trans-02 span{
	font-size: 18px;
	font-weight: bold;
	color: rgba( 230, 0, 18, 1); 
}
.trans-03 {
	overflow: hidden;
	position: relative;
	background-color: #FBC50A;
	padding: 0 30px 60px ;
}
/*.trans-03::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate( 0 , -50% );
	background-color: #FFF;
	height: 70%;
	width: 100%;
}*/
.trans-03 ul {
	position: relative;
	margin: 0 auto;
	width: 90%;
	max-width: 933px;
	background-color: #FFF;
	padding: 15px 0;
}
.trans-03 li {
	width: 100%;
}
.trans-03 li:nth-last-of-type(1) {
	width: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.trans-03 i::before {
	font-size: 42px;
}
.trans-03 .ttl {
	margin: 15px 0 ;
	line-height: 1;
	font-size: 20px;
	font-weight: bold;
}
.trans-03 li:nth-last-of-type(1) div{
	width: 150px;
}
.trans-03 li:nth-last-of-type(1) p{
	width: calc( 100% - 150px );
}
.trans-04 .text-red {
	margin: auto;
	width: auto;
	line-height: 28px;
	font-weight: bold;
	font-size: 18px;
}
.trans-04 .text-red span {
	padding: 0 .5em;
	font-size: 28px;
}
.trans-03 li:nth-last-of-type(1) div{
	width: 100%;
}
.trans-03 li:nth-last-of-type(1) p{
	width: 100%;
}
@media screen and (min-width:768px) {
.trans-03 li {
		width: calc( 100% / 3 );
	}
	.trans-03 li.flex-wrap{
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
	}
.trans-03 li:nth-last-of-type(1) div{
	width: 150px;
}
.trans-03 li:nth-last-of-type(1) p{
	width: calc( 100% - 150px );
}

}