@media screen and (min-width:1200px) {
	.layout {
		width: 75%;
		margin: 40px auto 0px;
	}
	.TitleBlack {
		text-align: center;
		letter-spacing: 2px;
		font-size: 1.3rem;
		font-weight: 600;
	}
	.TitleText {
		margin-top: 25px;
		line-height: 2;
		font-size: 0.9rem;
		text-indent: 2rem;
	}
	.ticket {
		margin-top: 30px;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.ticket-block {
		background: linear-gradient(to right, #0E189E, #2B38E9);
		width: 30%;
		display: flex;
		align-items: center;
	}
	.situation{
	margin-top: 30px;
	    display: flex;
	    justify-content: space-between;
	    flex-wrap: wrap;
	}
	
	.situation-img{
		width: 40%;
	}
}

@media screen and (min-width:960px) and (max-width:1200px) {

}

@media screen and (max-width:960px) {
.layout {
    width: 90%;
    margin: 40px auto 0px;
}
.TitleBlack {
    text-align: center;
    letter-spacing: 2px;
    font-size: 1.4rem;
    font-weight: 600;
}
.TitleText {
    margin-top: 25px;
    line-height: 2;
    font-size: 1rem;
    text-indent: 2rem;
}
.ticket {
    margin-top: 30px;
    /* display: flex; */
    justify-content: space-between;
    flex-wrap: wrap;
}
.ticket-block {
    background: linear-gradient(to right, #0E189E, #2B38E9);
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}
.situation {
    margin-top: 30px;
    /* display: flex; */
    justify-content: space-between;
    flex-wrap: wrap;
}
.situation-img {
    width: 100%;
    margin-bottom: 10px;
}
}
body {
	padding: 0px;
	margin: 0px;
}

.entirety {
	width: 100%;
	margin: 0px;
}

.main-image {
	width: 100%;
	/* height: 28rem; */
}

.main-image img {
	width: 100%;
	height: 100%;
}

.ticket-blockImg {
	padding: 1.5rem 1rem;
}

.ticket-blocktext {
	color: #fff;
	font-size: 0.9rem;
	letter-spacing: 1px;
	text-align: center;
	line-height: 1.5;
}

.layout-img {
	width: 100%;
	margin-top: 30px;
}

.layout-img img {
	width: 100%;
	height: 100%;
}

.situation-img img{
	width: 100%;
	height: 100%;
}