body {
	background-color: #ED6C00;
	background-color: rgb(237,108,0);
	background: linear-gradient(90deg, #ED6C00 0%, #ED6C00 33%, #2B095D 33%, #2B095D 100%);
	background: linear-gradient(90deg, rgb(237,108,0) 0%, rgb(237,108,0) 33%, rgb(43,9,93) 33%, rgb(43,9,93) 100%);
	font-family:"Helvetica","Arial","MS Pゴシック","Meiryo","Hiragino Sans",sans-serif;
	color: #FFFFFF;
	line-height:110%;

}

h1 {

	position: absolute;
	left: 2%;
	top: 2%;
	width:66%;
}


h1 img {
	width:100%;
}

#mcTxt {
	font-size: x-small;
	line-height:105%;
	width:30%;
	position: absolute;
	left: 2%;
	bottom: 2%;
}
#scTxt {
	font-size: x-small;
	line-height:105%;
	position: absolute;
	left: 35%;
	bottom: 2%;
}

.mainColor {
	background-color: #ED6C00;
	background-color: rgb(237,108,0);
}

.subColor {
	background-color: #2B095D;
	background-color: rgb(43,9,93);
}

/* スマホ用のCSSはメディアクエリの外に記述する */
.search-here {
  color: #fff;
  background-color: #e2001b;
  border: none;
  border-radius: 5px;
  padding: 4px 10px;
  margin: 10px 10px;
}

@media screen and (max-width: 40rem) {
body {
	background: linear-gradient(180deg, #ED6C00 0%, #ED6C00 33%, #2B095D 33%, #2B095D 100%);
	background: linear-gradient(180deg, rgb(237,108,0) 0%, rgb(237,108,0) 33%, rgb(43,9,93) 33%, rgb(43,9,93) 100%);
}
h1 {
	transform-origin:top left;
	transform: rotate(90deg);
	margin: 0px 0px 0px 30% ;
	width:90%;
}
#mcTxt {
	left: 70% ;
	top: 7%;
}
#scTxt {
	left: 70% ;
	top: 40%;
}
}