/*スマホ縦*/
@media screen and (max-width: 420px) {


	/*ブートストラップcss*/
	.top-bukken.col-sm-4.col-md-4.col-lg-4.col-xs-12 {
		width: 50%;
	}

	.top-bukken.col-sm-4.col-md-4.col-lg-4.col-xs-12:last-of-type {
		display: none;
	}

	.header {
		height: 70px;
		position: fixed;
		width: 100%;
		z-index: 20;
		background-color: white;
		box-shadow: 0 1px 5px gray;
	}

	.middle {
		position: relative;
		top: 70px;
		/* margin-bottom: 120px; */
		margin-bottom: 0;
	}

	/* img#logo {
	position: absolute;
	width: 260px;
	top: 5px;
	left: 0%;
} */
	img#top {
		height: 120px;
		width: 100%;
		position: relative;
		z-index: 2;
	}

	#topline {
		top: 30px;
		border-top: 2px solid #F76234;
	}

	.page_top {
		margin-top: 0px;
		/* height: 40px; */
	}

	.toplogin {
		display: none;
		position: absolute;
		width: 55%;
		left: 39%;
		top: 7%;
	}

	.top {
		overflow: hidden;
	}

	.topballoon {
		position: relative;
		/*	display: inline-block;*/
		display: none;
		margin: 1.5em 0;
		padding: 7px 10px;
		min-width: 120px;
		max-width: 100%;
		color: #fffcfc;
		font-size: 10px;
		background: #f9439c;
		border-radius: 15px;
		left: 8%;
	}

	.topballoon:before {
		content: "";
		position: absolute;
		top: 97%;
		left: 80%;
		margin-left: -15px;
		border: 15px solid transparent;
		border-top: 15px solid #f9439c;
		display: none;
	}

	div#menu {
		display: none;
		position: absolute;
		left: 16%;
		top: 36%;
	}

	img#mianimage {
		height: 300px;
		width: auto;
		margin-left: -150px;
	}

	img#icon {
		width: 52px;
		margin-left: 28px;
	}

	#topform {
		display: none;
		/*top: 10em;
	left: 0%;
	width: 100%;
	font-size: small;
	margin-left: auto;
	margin-right: auto;*/
	}

	p.login {
		color: white;
		float: left;
		display: inline-block;
		margin-left: 4px;
		margin-right: 4px;
	}

	input.topcontrol {
		width: 26%;
		float: left;
		margin-right: 0;
		margin-left: 0;
	}

	button.btn-outline {
		background: black;
		display: inline-block;
		padding: 0.3em 1em;
		text-decoration: none;
		color: #ffffff;
		border-radius: 3px;
		transition: .4s;
		margin-top: 2%;
	}

	.row {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-right: 0px;
		margin-left: 0px;
		width: 100%;
	}

	.top .row {
		display: table;
	}


	section#mian {
		margin-top: 0;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		/* height: 100%; */
		background: #FFFFFF;
	}

	section {
		overflow: hidden;
	}

	.container>p {
		padding: 5.7px 10px;
		width: 117px;
		font-size: medium;
	}

	#Topics>p:first-child {
		margin: 0 auto 0 auto;
		position: absolute;
		left: 0;
		color: white;
		margin-left: 0;
		font-size: large;
	}

	a#more {
		text-decoration: none;
		display: inline-block;
		transition: .3s;
		-webkit-transform: scale(1);
		transform: scale(1);
		margin-top: -34px;
		margin-right: 15px;
		font-size: large;
	}

	img#revisionimg {
		width: 110%;
		margin-top: -2%;
		height: 180px;
	}

	#chevron {
		margin-top: 0%;
		position: relative;
		text-align: center;
		height: 26px;
		width: 100%;
	}

	.container .row {
		margin-left: auto;
		margin-right: auto;
	}

	p#assessmenttext {
		font-size: 13px;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		margin-top: -28%;
		color: white;
	}

	button.button1 {
		font-size: 20px;
		font-weight: bold;
		color: palevioletred;
		margin-top: 0;
		margin-bottom: 20px;
		background: white;
		padding: 0 8px;
	}

	div#Topics {
		position: relative;
		top: 24%;
		width: 95%;
		/* display:none; */
	}

	.container1 #Topics dl {
		background: #fee6b5;
		margin-top: 0;
		padding: 1em .5em 1em 1.5em;
		font-size: small;
		border-top: solid 5px #595758;
		margin: 0 auto 0 auto;
		width: 95%;
	}

	dd {
		border-bottom: 1px #c0c0c0 dotted;
		margin: 0;
		padding-left: 85px;
	}

	.pageend {
		text-align: center;
		color: #000;
		background: white;
		height: 40px;
		vertical-align: middle;
		line-height: 40px;
		margin-right: auto;
		/* box-shadow: inset 0px 6px 8px 0px grey; */
		font-size: 0.76em;
	}

	.container1 {
		/* height: 81vw; */
		height: 0;
		background: #f76234;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	#top_text {
		position: absolute;
		width: 100%;
		color: white;
		line-height: 2;
		font-size: 0.88em;
		text-shadow: 2px 2px 6px #000000;
		top: 8px;
		left: 0;
		margin-top: 0;
		margin-bottom: 0;
		padding: 0 2%;
		font-weight: bold;
		line-height: 1.25;
	}

	#phone_menu {
		display: inline;
		text-align: center;
		position: static;
		color: white;
		background-color: #00000082;
		z-index: 2;
		right: 0;
	}

	img#mianimage {
		position: unset;
	}

	#childmenu ul li {
		float: left;
		color: #339933;
	}

	#childmenu ul li a {
		padding: 0 16px;
		font-weight: bold;
		font-size: 18px;
		font-family: "メイリオ", sans-serif;
	}

	#phone_menu a:hover, #phone_menu.fixed #childmenu ul li a:hover {
		color: #fff;
	}

	div#childmenu {
		z-index: 0;
		background: #000000ab;
	}

	#childmenu {
		position: absolute;
		/* 開いてないときは画面外に配置 */
		top: -430px;
		background: #333;
		/* width: 100%; */
		width: auto;
		text-align: center;
		padding: 10px 0;
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
	}

	#childmenu ul {
		list-style: none;
		position: static;
		right: 0;
		bottom: 0;
		font-size: 14px;
	}

	#childmenu ul li {
		float: none;
		position: static;
	}

	#phone_menu #childmenu ul li a, #phone_menu.fixed #childmenu ul li a {
		width: 100%;
		display: block;
		color: #fff;
		padding: 8px 0;
	}

	/* #nav-toggle {
		display: block;
		top: 7px;
	} */

	/* #nav-toggle 切り替えアニメーション */
	/* .open #nav-toggle span:nth-child(1) {
		top: 11px;
		-webkit-transform: rotate(315deg);
		-moz-transform: rotate(315deg);
		transform: rotate(315deg);
	} */

	/* .open #nav-toggle span:nth-child(2) {
		width: 0;
		left: 50%;
	} */

	/* .open #nav-toggle span:nth-child(3) {
		top: 11px;
		-webkit-transform: rotate(-315deg);
		-moz-transform: rotate(-315deg);
		transform: rotate(-315deg);
	} */

	/* #global-nav スライドアニメーション */
	.open #childmenu {
		/* #global-nav top + #mobile-head height */
		-moz-transform: translateY(516px);
		-webkit-transform: translateY(516px);
		transform: translateY(512px);
	}

	#childnav {
		grid-template-columns: none;
	}

	#childnav>a {
		background-color: transparent;
		color: white;
		font-size: large;
		line-height: 40px;
		font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
		;
	}

	nav#global-nav {
		display: contents;
	}

	/*	ログイン表示
----------------------------------------------- */

	#new_login .login_view {
		position: absolute;
		top: 50px;
		right: 0;
		margin: 0;
		padding: 0 8px;
		text-align: center;
		z-index: 3;
		border: none;
		width: 100%;
	}

	#new_login .login_view p {
		display: inline;
		/* font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; */
		font-size: 16px;
	}

	#new_login .login_view p input[type="text"],
	#new_login .login_view p input[type="password"] {
		display: inline;
		/* font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; */
		margin-right: 4px;
		margin-left: 3px;
		font-size: 9px;
		padding: 0 0;
		width: 6em;
		font-weight: bold;
	}

	#new_login .login_view .topballoon {
		position: relative;
		display: block;
		margin: 0 auto 4px auto;
		padding: 4px 12px;
		color: #fffcfc;
		font-size: 12px;
		background: #F76234;
		border-radius: 0;
		left: 0;
		top: 0;
		width: 100%;
		border-radius: 20px;
	}

	#new_login .login_view .topballoon:before {
		content: "";
		position: absolute;
		top: 100%;
		left: 85%;
		border: 16px solid transparent;
		border-top: 16px solid #f9439c;
		display: none;
	}

	#new_login .login_view .topballoon p {
		font-size: 11px;
		/* font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";*/
	}

	#new_login .login_view p span {
		color: #fff;
		/* font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";*/
	}

	#new_login .login_view p a {
		/* font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";*/
		color: #fff;
	}

	#new_login .login04 {
		border: none;
	}

	#new_login .login04 input[type="submit"] {
		background: black;
		display: inline-block;
		padding: 0.3em 1em;
		text-decoration: none;
		color: #ffffff;
		border: solid 2px #ffffff;
		border: none;
		border-radius: 3px;
		transition: .4s;
		font-size: 10px;
	}

	#new_login .login04 input[type="submit"]:hover {
		background: #ffffff;
		color: black;
	}

	#new_login .logoff01 {
		color: #fff;
		font-weight: bold;
	}

	#new_login .logoff01 span.logoff01-sub {
		color: #fff;
		font-weight: bold;
	}

	#new_login .logoff02 input[type="submit"] {
		background: #000;
		display: inline-block;
		padding: 0.3em 1em;
		text-decoration: none;
		color: #ffffff;
		border: solid 2px #ffffff;
		border: none;
		border-radius: 3px;
		transition: .4s;
		font-size: 10px;
	}

	#new_login .logoff02 input[type="submit"]:hover {
		background: #ffffff;
		color: black;
	}


	/* ページの先頭へ */
	#page-top.page-top p a {
		color: #39569;
		margin: 0;
		padding: 0;
		position: fixed;
		bottom: 44px;
		right: 20px;
		width: 48px;
		height: 48px;
	}



	#chevron {
		margin-top: 3%;
		position: relative;
		text-align: center;
		height: 100px;
		width: 100%;
	}

	#chevron:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		height: 140%;
		width: 51%;
		background: #FFFFFF;
		box-shadow: 11px 9px 8px 0px #2d2c2c;
		-webkit-transform: skew(0deg, 6deg);
		-moz-transform: skew(0deg, 6deg);
		-ms-transform: skew(0deg, 6deg);
		-o-transform: skew(0deg, 6deg);
		transform: skew(0deg, 6deg);
	}

	#chevron:after {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		height: 140%;
		width: 49.1%;
		background: #FFFFFF;
		box-shadow: 12px 10px 8px 0px #2d2c2c;
		-webkit-transform: skew(0deg, -6deg);
		-moz-transform: skew(0deg, -6deg);
		-ms-transform: skew(0deg, -6deg);
		-o-transform: skew(0deg, -6deg);
		transform: skew(0deg, -6deg);
	}

	.container>p {
		/* background: #595758; */
		color: white;
		margin-left: 15px;
		padding: 7.7px 10px 0;
		border: 0;
		width: 140px;
		text-align: center;
		font-size: medium;
		margin-bottom: 0px;
		line-height: 1.5em;
	}

	.mansion-syubetu {
		margin: 0 auto 4%;
		font-size: 0.82em !important;
		background: #ffbd42;
		display: table;
		padding: 3px 8px;
		color: #fff;
	}

	.moreline {
		width: auto;
		/* border: 4px solid #595758; */
		margin: 0 15px;
	}

	.navi {
		float: left;
		margin: 8px 0;
		padding: 0 8px;
	}

	p.top-bukken-spec.text-left {
		font-size: 0.95em;
	}

	/* 物件検索 */
	.search_btn {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		position: relative;
		z-index: 10;
		width: 100%;
		margin: 0;
		align-items: flex-start;
	}

	.search_area_btn {
		width: 100%;
		padding: 12px;
	}

	.search_railways_btn {
		width: 100%;
		padding: 12px;
	}

	.search_area_btn img {
		width: 100%;
		height: auto;
	}

	.search_railways_btn img {
		width: 100%;
		height: auto;
	}

}





/*スマホ横*/
@media screen and (min-width: 421px) and (max-width: 820px) {

	/*ブートストラップcss*/
	.top-bukken.col-sm-4.col-md-4.col-lg-4.col-xs-12 {
		width: 50%;
	}

	.top-bukken.col-sm-4.col-md-4.col-lg-4.col-xs-12:last-of-type {
		display: none;
	}

	.header {
		height: 120px;
	}

	.page_top {
		margin-top: 0px;
	}

	img#top {
		/* height: 55px; */
		height: 120px;
		position: relative;
		z-index: 2;
	}

	#topline {
		/* top: 90%; */
		border-top: 4px solid #F76234;
		position: relative;
		z-index: 2;
	}

	img#logo {
		position: absolute;
		width: 300px;
		left: 2%;
		top: 10px;
	}

	/*
.toplogin {
	position: absolute;
	width: 41%;
	left: 42%;
	top: 0%;
}
*/
	.toplogin {
		display: none;
		position: absolute;
		width: 35%;
		left: 23%;
		top: 1%;
	}

	#topform {
		display: none;
	}

	input.topcontrol {
		width: 20%;
		float: left;
		margin-right: 16px;
		margin-left: 16px;
	}

	img#icon {
		width: 35px;
		margin-left: 32px;
	}

	div#menu {
		position: absolute;
		left: 0%;
		top: 10%;
		/* width: 52%; */
	}

	div#menu {
		display: none;
	}

	a#more {
		margin-top: -28px;
	}

	.container .row {
		/* margin-left: auto; */
		/* margin-right: auto; */
	}

	#chevron {
		margin-top: 0%;
		position: relative;
		text-align: center;
		height: 100px;
		width: 100%;
	}

	#chevron:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		height: 115%;
		width: 51%;
		background: #FFFFFF;
	}

	p#assessmenttext {
		font-size: 18px;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		margin-top: -28%;
		color: white;
	}

	button.button1 {
		font-size: x-large;
		color: palevioletred;
		margin-top: 3%;
		background: white;
		margin-bottom: 0;
	}

	#top_text {
		position: absolute;
		width: 100%;
		color: white;
		line-height: 2;
		font-size: 0.88em;
		text-shadow: 2px 2px 6px #000000;
		top: 16px;
		left: 0;
		margin-top: 0;
		margin-bottom: 0;
		padding: 0 4%;
		font-weight: bold;
	}

	div#Topics {
		top: 21vw;
		width: 70%;
		/* display:none; */
	}

	.container1 #Topics dl {
		background: #fee6b5;
		margin-top: 0;
		padding: 1em .5em 1em 1.5em;
		font-size: larger;
		border-top: solid 5px #595758;
		margin: 0 auto 0 auto;
		width: 80%;
	}

	.container>p {
		font-size: medium;

	}

	#Topics>p:first-child {
		margin: 0 auto 0 auto;
		position: absolute;
		left: 0%;
		background: #595758;
		color: white;
		margin-left: 0;
		top: -43ox;
		font-size: large;
	}

	dd {
		border-bottom: 1px #c0c0c0 dotted;
		margin: 0;
		padding-left: 110px;
	}

	.topballoon {
		display: none;
		width: 350px;
		font-size: 1.2em;
		left: 0%;
		top: 50px;
	}

	div#childmenu {
		z-index: 2;
		background: #000000ab;
		/*height: 41vh;*/
	}

	#childmenu ul li {
		float: left;
		color: #339933;
	}

	#childmenu ul li a {
		padding: 0 16px;
		font-weight: bold;
		font-size: 18px;
		font-family: "メイリオ", sans-serif;
	}

	#phone_menu a:hover, #phone_menu.fixed #childmenu ul li a:hover {
		color: #fff;
	}

	#childmenu {
		z-index: 0;
		position: absolute;
		/* 開いてないときは画面外に配置 */
		top: -440px;
		background: #333;
		width: 100%;
		text-align: center;
		padding: 10px 0;
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
	}

	#childmenu ul {
		list-style: none;
		position: static;
		right: 0;
		bottom: 0;
		font-size: 14px;
	}

	#childmenu ul li {
		float: none;
		position: static;
	}

	#phone_menu #childmenu ul li a, #phone_menu.fixed #childmenu ul li a {
		width: 100%;
		display: block;
		color: #fff;
		padding: 8px 0;
	}

	/* #nav-toggle {
		display: block;
	} */

	/* #nav-toggle 切り替えアニメーション */
	/* .open #nav-toggle span:nth-child(1) {
		top: 11px;
		-webkit-transform: rotate(315deg);
		-moz-transform: rotate(315deg);
		transform: rotate(315deg);
	} */

	/* .open #nav-toggle span:nth-child(2) {
		width: 0;
		left: 50%;
	} */

	/* .open #nav-toggle span:nth-child(3) {
		top: 11px;
		-webkit-transform: rotate(-315deg);
		-moz-transform: rotate(-315deg);
		transform: rotate(-315deg);
	} */

	/* #global-nav スライドアニメーション */
	/* .open #childmenu { */
		/* #global-nav top + #mobile-head height */
		/* -moz-transform: translateY(556px);
		-webkit-transform: translateY(556px);
		transform: translateY(555px);
	} */

	#childnav {
		grid-template-columns: none;
	}

	img#mianimage {
		position: unset;
	}

	#childnav>a {
		background-color: transparent;
		color: white;
		font-size: large;
		line-height: 40px;
		font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
	}

	nav#global-nav {
		display: contents;
	}

	.container1 {
		/* height: 44vw; */
		height: 0;
	}

	/*下層ページ物件詳細と頭の距離*/
	.navi {
		margin: 0 0 0vw;
	}

	/*ハンバーグメニュー緑の線を表示させない*/
	li.visible-lg.visible-md.visible-sm {
		display: none !important;
	}



	/*	ログイン表示
----------------------------------------------- */

	#new_login .login_view {
		position: absolute;
		top: 50px;
		right: 0;
		margin: 0;
		padding: 0 8px;
		text-align: center;
		z-index: 3;
		border: none;
		width: 100%;
	}

	#new_login .login_view p {
		display: inline;
		/* font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; */
		font-size: 16px;
	}

	#new_login .login_view p input[type="text"],
	#new_login .login_view p input[type="password"] {
		display: inline;
		/* font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; */
		margin-right: 8px;
		margin-left: 6px;
		font-size: 10px;
		padding: 1px 2px;
		width: 8em;
		font-weight: bold;
	}

	#new_login .login_view .topballoon {
		position: relative;
		display: block;
		margin: 0 auto 4px auto;
		padding: 4px 12px;
		color: #fffcfc;
		font-size: 12px;
		background: #F76234;
		border-radius: 0;
		left: 0;
		top: 0;
		width: 70%;
		border-radius: 20px;
	}

	#new_login .login_view .topballoon:before {
		content: "";
		position: absolute;
		top: 100%;
		left: 85%;
		border: 16px solid transparent;
		border-top: 16px solid #f9439c;
		display: none;
	}

	#new_login .login_view .topballoon p {
		font-size: 11px;
		/* font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";*/
	}

	#new_login .login_view p span {
		color: #fff;
		/* font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";*/
	}

	#new_login .login_view p a {
		/* font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";*/
		color: #fff;
	}

	#new_login .login04 {
		border: none;
	}

	#new_login .login04 input[type="submit"] {
		background: black;
		display: inline-block;
		padding: 0.3em 1em;
		text-decoration: none;
		color: #ffffff;
		border: solid 2px #ffffff;
		border: none;
		border-radius: 3px;
		transition: .4s;
		font-size: 10px;
	}

	#new_login .login04 input[type="submit"]:hover {
		background: #ffffff;
		color: black;
	}

	#new_login .logoff01 {
		color: #fff;
		font-weight: bold;
	}

	#new_login .logoff01 span.logoff01-sub {
		color: #fff;
		font-weight: bold;
	}

	#new_login .logoff02 input[type="submit"] {
		background: #000;
		display: inline-block;
		padding: 0.3em 1em;
		text-decoration: none;
		color: #ffffff;
		border: solid 2px #ffffff;
		border: none;
		border-radius: 3px;
		transition: .4s;
		font-size: 10px;
	}

	#new_login .logoff02 input[type="submit"]:hover {
		background: #ffffff;
		color: black;
	}

	p.top-bukken-spec.text-left {
		font-size: 0.95em;
	}

	.mansion-syubetu {
		margin: 0 auto 4%;
		font-size: 0.82em !important;
		background: #ffbd42;
		display: table;
		padding: 3px 8px;
		color: #fff;
	}


	/* 物件検索 */
	.search_btn {
		display: inline-flex;
		justify-content: space-between;
		position: relative;
		z-index: 100000;
		width: 100%;
		margin: 12px auto 0;
		align-items: flex-start;
	}

	.search_area_btn {
		width: 48%;
	}

	.search_railways_btn {
		width: 48%;
	}

	.search_area_btn img {
		width: 100%;
		height: auto;
	}

	.search_railways_btn img {
		width: 100%;
		height: auto;
	}

}




@media screen and (min-width: 821px) and (max-width: 1020px) {

	/* img#logo {
	position: absolute;
	width: 37%;
	left: 4%;
	top: 21%;
	z-index: 3;
} */
	img#icon {
		width: 90px;
	}

	#global-nav ul {
		list-style: none;
		position: absolute;
		left: 11%;
	}

	div#menu {
		padding: 3vw 20px 2% 3vw;
		margin-top: 18vw;
		height: 45vw;
	}

	#menu li a {
		text-align: center;
		display: block;
		padding: 12px 0px 13px 18px;
		color: #fff;
		width: 155px;
		margin: 1px 0px;
		text-decoration: none;
		border-bottom: 2px dotted #fff;
		font-size: 1.2em;
		width: 100%;
		line-height: 220%;
		padding: 0 .3em;
		transition: all .3s;
	}

	div#box {
		line-height: 4;
		font-size: 1.1em;
	}

	img#top {
		height: 16%;
	}

	#topline {
		top: 13%;
		border: 0;
		border-top: 5px solid #ffbf42;
	}

	.topballoon {
		left: 35%;
	}

	#topform {
		top: 61%;
		left: 25%;
		/*width: 81%;*/
		font-size: medium;
	}

	.toplogin {
		position: absolute;
		/* width: 41%; */
		left: 35%;
		top: 19%;
		z-index: 3;
	}

	#nav-toggle span {
		background: white;
	}

	button.button1 {
		font-size: 39px;
	}

	div#Topics {
		top: 54%;
		width: 58%;
	}

	#Topics>p:first-child {
		top: -4vw;
	}

	p#assessmenttext {
		/* width: 90%; */
		margin-top: -27vw;
		font-size: 30px;
	}

	a#more {
		margin-top: -4.5%;
	}

	#top_text {
		margin-top: -20vw;
	}

	.container1 {
		height: 42vw;
	}

}

/*ipadPro*/
@media screen and (min-width: 1021px) and (max-width: 1400px) {
	img#icon {
		width: 90px;
		margin-left: 39px;
	}

	div#menu {
		/* margin-top: 12em; */
		padding: 2.5% 15px 5% 2%;
	}

	div#box {
		line-height: 4;
		font-size: 1.1em;
	}

	/* img#logo {
	position: absolute;
	width: 35%;
	left: 2%;
	top: 13%;
	z-index: 2;
} */
	img#top {
		position: relative;
	}

	.toplogin {
		left: 44%;
		top: 12%;
	}

	#topform {
		top: 55%;
		left: 28%;
		/*width: 57%;*/
	}

	img#mianimage {
		width: 100%;
		height: 100%;
	}

	#top_text {
		margin-top: -13vw;
	}

	#topline {
		top: 97%;
		width: 100%;
		border: 0;
		border-top: 9px solid #F76234;
		position: absolute;
	}

	#menu li a {
		font-size: 1.5em;
		padding: 0px -1.7em;
	}

	a#more {
		text-decoration: none;
		display: inline-block;
		transition: .3s;
		-webkit-transform: scale(1);
		transform: scale(1);
		float: right;
		margin-top: -4%;
		font-size: large;
	}

	p#assessmenttext {
		font-size: 35px;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		margin-top: -28%;
		color: white;
	}

	button.button1 {
		font-size: 50px;
		color: palevioletred;
		margin-top: 3%;
		background: white;
	}

	.container1 {
		/* height: 52vh; */
		height: 0;
		background: #F76234;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	#Topics>p:first-child {
		margin: 0 auto 0 auto;
		position: absolute;
		left: 0;
		background: #595758;
		color: white;
		margin-left: 0;
		top: -2.4em;
		font-size: large;
	}

	.container1 #Topics dl {
		background: #fee6b5;
		margin-top: 0;
		padding: 1em .5em 1em 1.5em;
		border-top: solid 5px #595758;
		margin: 0 auto 0 auto;
		width: 78%;
		font-size: large;
	}
}