@charset "utf-8";

/*-----
 * Default Layout
 */
* {
	margin: 0;
	padding: 0;
}
html {
	overflow-y: scroll;
}
body {
	min-width: 980px;
	color: #000;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 10px;
	font-weight: 500;
	-webkit-text-size-adjust: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 200%;
	line-height: 120%;
}
img {
	border: none;
	vertical-align: bottom;
}
option {
	padding-right: 1em;
}
strong,
b {
	font-weight: 700;
}
::selection {
	background-color: #cfe8f9;
}

/*
 * 共通
 */
/* PC非表示 */
.pc-none {
	display: none;
}

.c-inner {
	width: 940px;
	margin: 0 auto;
}

/*
 * ヘッダー
 */
#k-header {
	background-color: #ea3223;
}
#logo {
	overflow: hidden;
	width: 340px;
	height: 37px;
	background: url(../img/c_logo.png) no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
}

/*
 * コンテンツ
 */
/* 基本設定 */
.contents *,
.contents *:before,
.contents *:after {
	box-sizing: border-box;
}
.contents section {
	overflow: hidden;
}
.contents h1,
.contents h2 {
	overflow: hidden;
	background: no-repeat 50% 0;
	text-indent: 100%;
	white-space: nowrap;
}
.contents p,
.contents li,
.contents dt,
.contents dd,
.contents th,
.contents td {
	font-size: 160%;
	line-height: 160%;
}
.contents ul {
	list-style: none;
}
.contents small {
	font-size: 88%;
}
.contents a {
	color: #ea3223;
}
.contents .c-inner {
	padding: 0 80px 120px;
}
/* 必須 */
.contents span.req-mark {
	display: inline-block;
	margin-right: 4px;
	padding: 3px 7px 2px 9px;
	border: 2px solid #ea3223;
	border-radius: 4px;
	color: #ea3223;
	font-size: 11px;
	font-weight: 700;
	line-height: 100%;
	vertical-align: 2px;
	letter-spacing: 2px;
	text-indent: 0;
}
/* 見出し */
.contents h1 {
	height: 101px;
	margin: 77px 0 50px;
	background-image: url(../img/title.png);
}
.contents h2 {
	margin: 60px 0 35px;
}
.contents form h3 {
	font-size: 160%;
	font-weight: 500;
	line-height: 160%;
}
/*　フロー */
.contents p.form-flow {
	overflow: hidden;
	height: 40px;
	margin-bottom: 32px;
	background: url(../img/flow.png) no-repeat 50% 0;
	text-indent: 100%;
	white-space: nowrap;
}
.contents p#flow-input {	
	background-position: 50% 0;
}
.contents p#flow-confirm {
	background-position: 50% -100px;
}
.contents p#flow-thanks {
	background-position: 50% -200px;
}
/* 説明 */
.contents ul.intro li {
	margin-bottom: 16px;
	padding-left: 1em;
	text-indent: -1em;
}
.contents ul.intro li:before {
	content: "・";
}
/* 注意書き */
.contents .notes {
	color: #ea3223;
}
.contents ul.notes li {
	padding-left: 1em;
	font-size: 140%;
	line-height: 185%;
	text-indent: -1em;
}

/*
 * レイアウト
 */
/* 横並び */
.contents .row {
	display: -webkit-flex;
	display: flex;
}
.contents .row.shorts p {
	margin-right: 12px;
}
.contents .row.shorts input[type="text"] {
	width: 70px;
	margin-right: 7px;
}
.contents ul.row {
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.contents ul.row.col2 li {
	width: 50%;
}
.contents ul.row.col2 li:nth-child(2n+1) {
	padding-right: 15px;
}
.contents ul.row.col2 li:nth-child(2n) {
	padding-left: 15px;
}
.contents ul.row.col3 li {
	width: 33.3%;
	padding: 0 7px;
}
.contents ul.row.col3 li:nth-child(3n+1) {
	padding: 0 14px 0 0;
}
.contents ul.row.col3 li:nth-child(3n) {
	padding: 0 0 0 14px;
}
/* 設問 */
.contents .ii {
	margin: 54px 0 28px;
	padding-bottom: 7px;
	border-bottom: 2px solid #ddd;
}
.contents h2 + .ii {
	margin-top: 0;
}
.contents .ii.narrow {
	margin-bottom: 8px;
}
/* 半分サイズ */
.contents .half {
	width: 50%;
	padding-right: 15px;
}
/* 名前横並び */
.contents .row-name {
	display: -webkit-flex;
	display: flex;
}
.contents .row-name > p {
	width: 50%;
}
.contents .row-name > p:nth-child(2n+1) {
	padding-right: 15px;
}
.contents .row-name > p:nth-child(2n) {
	padding-left: 15px;
}

/*
 * フォームパーツ
 */
.contents input:not([type="radio"]),
.contents input:not([type="checkbox"]),
.contents input:not([type="submit"]),
.contents select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	padding: 6px 15px 6px 23px;
	border: 1px solid #ddd;
	border-radius: 0;
	background-color: #fff;
	font-family: inherit;
	font-size: 100%;
	vertical-align: bottom;
}
.contents input:not([type="radio"]):focus,
.contents input:not([type="checkbox"]):focus,
.contents input:not([type="submit"]):focus,
.contents select:focus {
	outline: none;
}
/* テキストボックス */
.contents input[type="text"] {
	border-radius: 10px;
}
.contents input[type="text"].req {
	border-color: #fdeae9;
	background-color: #fdeae9;
}
/* ラジオボタン、チェックボックス */
.contents input[type="radio"],
.contents input[type="checkbox"] {
	display: none;
}
.contents input[type="radio"] + span.parts,
.contents input[type="checkbox"] + span.parts {
	position: relative;
	display: inline-block;
	padding-left: 35px;
}
/* ラジオボタン */
.contents input[type="radio"] + span.parts:before,
.contents input[type="radio"] + span.parts:after {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	box-sizing: border-box;
	margin: auto 0;
	border-radius: 50%;
}
.contents input[type="radio"] + span.parts:before {
	left: 0;
	width: 20px;
	height: 20px;
	border: 1px solid #8d8d8d;
	background-color: #fff;
	content: "";
}
.contents input[type="radio"]:checked + span.parts:after {
	left: 5px;
	width: 10px;
	height: 10px;
	background-color: #ea3223;
	content: "";
}
/* チェックボックス */
.contents input[type="checkbox"] + span.parts:before,
.contents input[type="checkbox"] + span.parts:after {
	display: block;
	position: absolute;
	box-sizing: border-box;
}
.contents input[type="checkbox"] + span.parts:before {
	top: 4px;
	left: 0;
	width: 16px;
	height: 16px;
	border: 1px solid #8d8d8d;
	border-radius: 2px;
	background-color: #fff;
	content: "";
}
.contents input[type="checkbox"]:checked + span.parts:after {
	top: 3px;
	left: -5px;
	width: 26px;
	height: 15px;
	background: url(../img/check.png) no-repeat 0 0;
	background-size: contain;
	content: "";
}
/* セレクトボックス */
.contents select {
	padding-right: 50px;
	border-radius: 10px;
	background: #fff url(../img/pulldown.png) no-repeat 98% 50%;
	background-position: top 50% right 19px;
	background-size: 16px auto;
	cursor: pointer;
}
.contents select.req {
	border-color: #fdeae9;
	background-color: #fdeae9;
}
/* IE11 */
.contents select::-ms-expand {
	display: none;
}
_:-ms-lang(x)::-ms-backdrop, .contents select {
	padding-top: 6px;
	padding-bottom: 4px;
}
/* 各種ボタン */
.contents p.submit a,
.contents p.submit input[type="submit"] {
	overflow: hidden;
	display: block;
	width: 240px;
	height: 70px;
	margin: 0 auto 20px;
	padding: 0;
	border: 3px solid #ea3223;
	border-radius: 10px;
	background-color: #fff;
	background-image: url(../img/btns.png);
	background-repeat: no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	cursor: pointer;
}
.contents p.submit a:hover,
.contents p.submit input[type="submit"]:hover {
	opacity: 0.7;
}
.contents p.submit .to-top {
	background-position: 50% 0;
}
.contents p.submit .back {
	background-position: 50% -100px;
}
.contents p.submit input.confirm {
	background-color: #ea3223;
	background-position: 50% -200px;
}
.contents p.submit input.submit {
	background-color: #ea3223;
	background-position: 50% -300px;
}
/* ラベル */
.contents label {
	display: inline-block;
	width: 100%;
	height: 100%;
	border: 1px solid #ddd;
	border-radius: 10px;
	background-color: #fff;
	cursor: pointer;
}
.contents li label {
	padding: 7px 28px 7px 23px;
}
.contents .req label {
	border-color: #fdeae9;
	background-color: #fdeae9;
}
/* 入力済み、任意項目 */
.contents input[type="text"].entered,
.contents select.entered,
.contents .entered label {
	border-color: #ddd;
	background-color: #fff;
}
/* 同意する */
.contents p.agreement {
	margin: 75px 0 40px;
	line-height: 250%;
	text-align: center;
}
/* エラー表示 */
.contents .error-block {
	margin-top: 25px;
	padding: 25px 55px;
	border-radius: 10px;
	background-color: #fdeae9;
}
.contents .error-block li {
	padding-left: 1em;
	color: #ea3223;
	font-weight: 700;
	text-indent: -1em;
}
.contents .error-block li:before {
	content: "・";
}

/*
 * 確認画面
 */
.confirm section {
	margin-bottom: 10px;
}
.confirm section:first-of-type h2 {
	margin-top: 40px;
}
.confirm div.row {
	margin-bottom: 22px;
	padding-bottom: 7px;
	border-bottom: 2px solid #ddd;
}
.confirm div.row p {
	word-wrap : break-word;
	overflow-wrap : break-word;
}
/* 設問 */
.confirm .ii {
	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 290px;
	margin: 0;
	padding-bottom: 0;
	border-bottom: none;
}
/* リスト */
.confirm div.row li {
	padding-left: 1em;
	text-indent: -1em;
}
.confirm div.row li:before {
	content: "・";
}
/* 同意する */
.confirm p.agreement {
	margin-top: 40px;
}

/*
 * 完了画面
 */
.contents p.thanks {
	margin-bottom: 90px;
	line-height: 225%;
}

/*
 * フォーム個別
 */
.contents h2 {
	height: 26px;
	background-image: url(../img/heading.png);
}
/*
 * 1. ご希望の教材
 */
#about-tools ul.select {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-bottom: 18px;
}
.confirm #about-tools ul.select {
	-webkit-flex-direction: column;
	flex-direction: column;
	width: 490px;
}
#about-tools ul.select li {
	width: 240px;
	padding: 18px 20px;
	border: 1px solid #fdeae9;
	border-radius: 10px;
	background-color: #fdeae9;
}
#about-tools ul.select li:nth-child(1) {
	margin-right: 20px;
	padding-right: 15px;
}
#about-tools ul.select li:nth-child(2) {
	margin: 0 10px;
}
#about-tools ul.select li:nth-child(3) {
	margin-left: 20px;
}
.confirm #about-tools ul.select li {
	width: auto;
	margin: 0 !important;
	padding: 0 !important;
	border: none;
	border-radius: 0;
	background-color: transparent;
}
#about-tools ul.select b {
	font-weight: 500;
}
.confirm #about-tools ul.select b {
	padding-right: 15px;
}
#about-tools ul.select label {
	width: auto;
	height: auto;
	padding: 18px 0 0;
	border: none;
	border-radius: 0;
	background-color: transparent;
	font-size: 88%;
	line-height: 155%;
}
#about-tools ul.select span.parts {
	padding-left: 25px;
}
#about-tools ul.select span.parts:before {
	top: 2px;
}
#about-tools ul.select input[type="text"] {
	width: 172px;
	margin: 12px 8px 0 0;
	border-color: #bab2b2;
	background-color: transparent;
}
/* 入力済み */
#about-tools ul.select.entered li {
	border-color: #ddd;
	background-color: #fff;
}
#about-tools ul.select span.entered input[type="text"] {
	background-color: #fdeae9;
}
#about-tools ul.select span.entered input[type="text"].entered {
	background-color: #fff;
}
/*
 * 2. 小学校について
 */
#about-school h2 {
	background-position: 50% -100px;
}
/* ご住所 */
#about-school .address input[type="text"],
#about-school .address select {
	margin-top: 5px;
	margin-bottom: 18px;
}
#about-school .zip {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
}
#about-school .zip span {
	display: block;
	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 30px;
	margin: 5px 0 18px;
	text-align: center;
}
/*
 * 3. 授業での活用について
 */
#about-class h2 {
	background-position: 50% -200px;
}
#about-class .shorts input[type="text"] {
	width: 70px;
	margin-right: 7px;
}
#about-class ul.row li {
	margin-bottom: 16px;
}
#about-class ul.row li label {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
/* Default Layout */


/*-----
 *  Mobile Layout: 480px, 320px
 */
@media screen and (max-width:767px) {
	html {
		overflow-y: visible;
	}
	body {
		min-width: 0;
	}
	
	/*
	 * 共通
	 */
	/* PC非表示 */
	.pc-none {
		display: block;
	}
	span.pc-none,
	br.pc-none {
		display: inline;
	}
	/* スマホ非表示 */
	.sp-none {
		display: none !important;
	}
	
	.c-inner {
		width: auto;
	}
	
	/*
	 * ヘッダー
	 */
	#k-header {
		background: #f2f2f2;
	}
	#logo {
		width: 245px;
		height: 50px;
		background: url(../img/sp_c_logo.png);
		background-size: contain;
	}
	
	/*
	 * コンテンツ
	 */
	/* 基本設定 */
	.contents p,
	.contents li,
	.contents dt,
	.contents dd,
	.contents th,
	.contents td {
		font-size: 12px;
	}
	.contents small {
		font-size: 92%;
	}
	.contents .c-inner {
		padding: 0 20px 60px;
	}
	/* 必須 */
	.contents span.req-mark {
		margin-right: 3px;
		padding: 2px 2px 1px 3px;
		border-width: 1px;
		border-radius: 3px;
		vertical-align: 0;
		letter-spacing: 1px;
	}
	/* 見出し */
	.contents h1 {
		height: 54px;
		margin: 32px 0 29px;
		background-image: url(../img/sp_title.png);
		background-size: auto 54px;
	}
	.contents h2 {
		margin: 50px 0 22px;
	}
	.contents form h3 {
		font-size: 12px;
	}
	/*　フロー */
	.contents p.form-flow {
		height: 35px;
		margin: 0 -20px 20px;
		background-image: url(../img/sp_flow.png);
		background-size: 304px auto;
		text-indent: 110vw;
	}
	/* 説明 */
	.contents ul.intro li {
		margin-bottom: 8px;
		line-height: 180%;
	}
	/* 注意書き */
	.contents p.notes,
	.contents ul.notes li {
		font-size: 11px;
		line-height: 160%;
	}
	
	/*
	 * レイアウト
	 */
	/* 横並び */
	.contents .row.shorts p {
		width: 50%;
		margin-right: 0;
	}
	.contents .row.shorts p:nth-child(1) {
		margin-right: 10px;
	}
	.contents .row.shorts p:nth-child(2) {
		margin-left: 10px;
	}
	.contents .row.shorts small {
		font-size: 12px;
	}
	.contents .row.shorts input[type="text"] {
		width: 100%;
		margin-right: 0;
	}
	.contents .row.shorts input[type="text"] + small {
		display: block;
		font-size: 11px;
		text-align: right;
	}
	.contents ul.row {
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	.contents ul.row.col2 li,
	.contents ul.row.col3 li {
		width: 100%;
		margin-bottom: 16px;
		padding: 0 !important;
	}
	/* 設問 */
	.contents .ii {
		margin: 25px 0 16px;
		padding-bottom: 5px;
		border-bottom-width: 1px;
	}
	.contents .ii.narrow {
		margin-bottom: 10px;
	}
	/* 半分サイズ */
	.contents .half {
		width: 100%;
		padding-right: 0;
	}
	/* 名前横並び */
	.contents .row-name > p:nth-child(2n+1) {
		padding-right: 10px;
	}
	.contents .row-name > p:nth-child(2n) {
		padding-left: 10px;
	}
	
	/*
	 * フォームパーツ
	 */
	.contents input:not([type="radio"]),
	.contents input:not([type="checkbox"]),
	.contents input:not([type="submit"]),
	.contents select {
		padding: 6px 15px;
	}
	/* テキストボックス */
	.contents input[type="text"] {
		border-radius: 5px;
	}
	/* ラジオボタン、チェックボックス */
	.contents input[type="radio"] + span.parts,
	.contents input[type="checkbox"] + span.parts {
		padding-left: 27px;
	}
	/* ラジオボタン */
	.contents input[type="radio"] + span.parts:before {
		width: 18px;
		height: 18px;
	}
	.contents input[type="radio"]:checked + span.parts:after {
		width: 8px;
		height: 8px;
	}
	/* チェックボックス */
	.contents input[type="checkbox"] + span.parts:before {
		top: 2px;
		width: 15px;
		height: 15px;
	}
	.contents input[type="checkbox"]:checked + span.parts:after {
		top: 1px;
		width: 24px;
		height: 14px;
	}
	/* セレクトボックス */
	.contents select {
		padding-right: 25px;
		border-radius: 5px;
		background-position: top 50% right 10px;
		background-size: 14px auto;
	}
	/* 各種ボタン */
	.contents p.submit a,
	.contents p.submit input[type="submit"] {
		width: 220px;
		height: 65px;
		margin-bottom: 15px;
		border-width: 2px;
		border-radius: 5px;
		background-image: url(../img/sp_btns.png);
		background-size: 280px auto;
	}
	.contents p.submit a:hover,
	.contents p.submit input[type="submit"]:hover {
		opacity: 1;
	}
	/* ラベル */
	.contents label {
		border-radius: 5px;
	}
	.contents li label {
		padding: 7px 15px 7px 15px;
	}
	/* 同意する */
	.contents p.agreement {
		margin: 24px 0;
		line-height: 180%;
		text-align: left;
	}
	/* エラー表示 */
	.contents .error-block {
		margin-top: 15px;
		padding: 15px 12px;
		border-radius: 5px;
	}
	
	/*
	 * 確認画面
	 */
	.confirm section h2 {
		margin-top: 25px;
	}
	.confirm div.row {
		-webkit-flex-direction: column;
		flex-direction: column;
		margin-bottom: 16px;
		padding-bottom: 4px;
		border-bottom-width: 1px;
	}
	/* 設問 */
	.confirm .ii {
		width: auto;
		margin: 0;
		padding-bottom: 0;
	}
	/* 同意する */
	.confirm p.agreement {
		margin-top: 24px;
	}
	
	/*
	 * 完了画面
	 */
	.contents p.thanks {
		margin-bottom: 24px;
		line-height: 180%;
	}
	
	/*
	 * カレンダー
	 */
	.ui-datepicker {
		padding: 12px 5px 5px;
		border-width: 2px;
		border-radius: 2px;
	}
	.ui-datepicker .ui-datepicker-prev,
	.ui-datepicker .ui-datepicker-next {
		top: 2px;
		width: 25px;
		height: 25px;
	}
	.ui-datepicker .ui-datepicker-title {
		margin-bottom: 10px;
		font-size: 18px;
	}
	.ui-datepicker th {
		padding: 5px 0;
	}
	.ui-datepicker td span,
	.ui-datepicker td a {
		padding: 0 9px 13px;
		font-size: 14px;
	}
	
	/*
	 * フォーム個別
	 */
	.contents h2 {
		height: 16px;
		background-image: url(../img/sp_heading.png);
		background-size: 280px auto;
	}
	/*
	 * 1. ご希望の出前授業について
	 */
	#about-tools h2 {
		margin-top: 30px;
		background-position: 0 0;
	}
	#about-tools ul.select {
		-webkit-flex-direction: column;
		flex-direction: column;
		margin-bottom: 0;
	}
	.confirm #about-tools ul.select {
		width: auto;
	}
	#about-tools ul.select li {
		width: auto;
		margin: 0 0 16px !important;
		padding: 15px 12px 18px 16px !important;
		border-radius: 5px;
	}
	.confirm #about-tools ul.select li {
		margin-bottom: 2px !important;
		padding-left: 1em !important;
	}
	.confirm #about-tools ul.select b {
		padding-right: 10px;
	}
	#about-tools ul.select span.col {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	#about-tools ul.select label {
		padding-top: 5px;
		font-size: 100%;
	}
	#about-tools ul.select span.parts {
		padding-left: 20px;
	}
	#about-tools ul.select span.circulation {
		width: 32%;
	}
	#about-tools ul.select input[type="text"] {
		width: 75%;
		margin: 0 5px 0 0;
	}
	/* 希望日 */
	#about-tools .desirable-notes {
		margin-left: 0;
	}
	#about-tools .desirable-notes li {
		font-size: 11px;
	}
	#about-tools .desirable {
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	#about-tools .desirable small {
		font-size: 12px;
	}
	#about-tools .desirable > div {
		width: 100%;
	}
	.confirm #about-tools .desirable > div {
		margin-top: 5px;
	}
	#about-tools .desirable .desirable-date {
		margin: 4px 0 18px;
		padding-right: 30px;
	}
	#about-tools .desirable .desirable-date img.reset {
		right: 0;
	}
	#about-tools .desirable .desirable-period li {
		width: 50%;
	}
	#about-tools .desirable .desirable-period li:first-child {
		padding-right: 10px;
	}
	#about-tools .desirable .desirable-period li:first-child:after {
		position: absolute;
		top: 8px;
		right: -10px;
		width: 20px;
	}
	#about-tools .desirable .desirable-period li:last-child {
		padding-left: 10px;
	}
	#about-tools .desirable .desirable-time {
		margin: 8px 0 26px;
	}
	#about-tools .desirable > div:last-of-type .desirable-time {
		margin-bottom: 14px;
	}
	#about-tools .desirable .desirable-time input {
		width: 20%;
	}
	#about-tools .ui-datepicker-trigger {
		right: 40px;
		width: 19px;
		height: 19px;
	}
	/* 実施会場 */
	#about-tools .room {
		padding-top: 10px;
	}
	#about-tools .room ul.req {
		margin-bottom: 0;
	}
	#about-tools .room-other {
		margin-bottom: 16px;
	}
	#about-tools .room ul.notes {
		padding-top: 5px;
	}
	/* 備品 */
	#about-tools .fixtures {
		margin: 20px 0 0;
		padding: 15px 12px 12px;
		border-width: 1px;
		border-radius: 5px;
	}
	#about-tools .fixtures dl {
		margin-bottom: 4px;
	}
	#about-tools .fixtures dt,
	#about-tools .fixtures dd {
		display: inline;
	}
	#about-tools .fixtures dt {
		float: none;
		width: auto;
	}
	#about-tools .fixtures dd {
		padding-left: 0;
	}
	#about-tools .fixtures dd:after {
		padding-bottom: 4px;
	}
	/*
	 * 2. 小学校について
	 */
	#about-school h2 {
		background-position: 0 -50px;
	}
	/* ご住所 */
	#about-school .address p {
		line-height: 140%;
	}
	#about-school .address input[type="text"],
	#about-school .address select {
		margin-top: 2px;
		margin-bottom: 12px;
	}
	#about-school .zip span {
		width: 20px;
	}
	/*
	 * 3. 認知媒体について
	 */
	#about-class h2 {
		background-position: 0 -100px;
	}
	#about-class .shorts input[type="text"] {
		width: 46%;
		margin-right: 10px;
	}
} /* Mobile Layout */