@charset "UTF-8";

/* CSS Document */

/*//////////////////// (576px) ////////////////////*/
@media screen and (min-width: 576px) {
.bt-ctaimg {
	width: 100%;
	position: relative;
	border: solid 1px;
	margin: 5em 0;
}
.bt-ctaimg-img {
	width: 40%;
	position: absolute;
	bottom: 15em;
	right: 10px;
}

.info {
	background: url(img/bg-room-color.svg) no-repeat;
}
	
}
/*//////////////////// (768px) ////////////////////*/
@media screen and (min-width: 768px) {
header {
	background-size: cover;
}
header h2 {
	color: #7b9aab; /* 水色薄 */
	text-align: right;
	font-weight: normal;
	margin: 1em 0;
	padding-right: 3rem;
}
header h3 {
	text-align: right;
	padding: 0;
	background: none;
}
.income {
	display: none;
}
.income-yoko {
	display: inherit;
}
.yokologo01 {
	width: 100%;
	margin: 2em auto;
	padding-bottom: 4em;
	text-align: center;
	background: url(img/bg-room-purple.svg) no-repeat;
	background-size: 30%;
	background-position: right bottom;
}
.bt-ctaimg-img {
	width: 30%;
	position: absolute;
	bottom: 15em;
	right: 10px;
}


}
/*//////////////////// (992px) ////////////////////*/
@media screen and (min-width: 992px) {
	
.flexbox {
    flex-direction: row;
    flex-wrap: nowrap;
}

.flexbox-center {
    flex-direction: row;
    flex-wrap: nowrap;
}


.chart01 {
	display: none;

	}
.chart01-yoko {
	display: block;
	background: url(img/bg-room-blue.svg) no-repeat;
	background-size: 30%;
	background-position: right bottom;
	}	

.course {
	width: 30%;
}
.bt-ctaimg-img {
	width: 30%;
	bottom: 4em;
}
}
/*//////////////////// (1200px) ////////////////////*/
@media print, screen and (min-width: 1200px) {
.bt-ctaimg-img {
	width: 20%;
	bottom: 3em;
}	
}