* {
	margin: 0;
	padding: 0;
}

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	font-size: 62.5%;
	/* sets the base font to 10px for easier math */
}

body {
	font-family: 'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 1.6rem;
	color: #666666;
	width: 100%;
	line-height: 1.44;
	letter-spacing: 0.01em;
}

a,
a:hover,
a:visited {
	color: #666666;
}

a {
	outline: none;
}

a:focus {
	outline: none;
}

h1,
h2,
h3,
h4,
h5 {
	font-weight: bold;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.formError {
	margin-top: -70px !important;
}

.formError .formErrorContent {
	font-size: 1.4rem !important;
}

@media print,
screen and (min-width:0px) {

	.mobile {
		display: none;
	}

	/* ---------- page top ボタン ---------- */

	#pageTop {
		position: fixed;
		bottom: 3em;
		right: 3em;
		z-index: 200;
	}

	#pageTop a {
		display: block;
		z-index: 999;
		border-radius: 30px;
		width: 60px;
		height: 60px;
		border: solid 1px rgba(0, 0, 0, 0.1);
		color: #333;
		font-size: 2em;
		font-weight: bold;
		line-height: 60px;
		text-decoration: none;
		text-align: center;
		background-color: rgba(255, 255, 255, 0.4);
	}

	/* ---------- ヘッダー ---------- */

	#header {
		width: 100%;
		height: auto;
		margin: 0 auto;
	}

	#header .header-box {
		width: 1200px;
		height: auto;
		margin: 0 auto;
		overflow: hidden;
		position: relative;
		border-bottom: solid 1px #e60012;
	}

	#header .header-logo {
		width: 800px;
		height: auto;
		overflow: hidden;
	}

	#header .header-logo .logo-box a {
		display: block;
		width: 500px;
		height: 0;
		overflow: hidden;
		padding-top: 102px;
		background-image: url("images/logo2.png");
		background-repeat: no-repeat;
		margin-top: 10px;
		margin-bottom: 10px;
		background-size: 100% auto;
	}

	#header .header-tel {
		width: 400px;
		height: 63px;
		text-align: right;
		float: left;
		margin-top: 25px;
		font-size: 1.8rem;
		font-weight: normal;
	}

	#header .header-tel a {
		font-size: 3.6rem;
		font-weight: bold;
		color: #e6001c;
		text-decoration: none;
		margin-top: 1.5rem;
	}

	#header .header-tel-mobile {
		display: none;
	}

	#header .header-left {
		width: 500px;
		height: 140px;
		overflow: hidden;
		float: right;
	}

	/* ---------- ハンバーガーメニュー ---------- */

	#nav-drawer {
		position: relative;
	}

	/*チェックボックス等は非表示に*/
	.nav-unshown {
		display: none;
	}

	/*アイコンのスペース*/
	#nav-open {
		position: fixed;
		top: 3rem;
		right: 3rem;
		z-index: 5;
		display: inline-block;
		width: 50px;
		height: 50px;
		vertical-align: middle;
	}

	/*ハンバーガーアイコンをCSSだけで表現*/
	#nav-open span,
	#nav-open span:before,
	#nav-open span:after {
		position: absolute;
		height: 5px;
		/*線の太さ*/
		width: 50px;
		/*長さ*/
		border-radius: 5px;
		background: #666;
		display: block;
		content: '';
		cursor: pointer;
	}

	#nav-open span:before {
		bottom: -17px;
	}

	#nav-open span:after {
		bottom: -34px;
	}

	/*閉じる用の薄黒カバー*/
	#nav-close {
		display: none;
		/*はじめは隠しておく*/
		position: fixed;
		z-index: 99;
		top: 0;
		/*全体に広がるように*/
		left: 0;
		width: 100%;
		height: 100%;
		background: black;
		opacity: 0;
		transition: .3s ease-in-out;
	}

	/*中身*/
	#nav-content {
		overflow: auto;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
		/*最前面に*/
		width: 90%;
		/*右側に隙間を作る（閉じるカバーを表示）*/
		max-width: 25%;
		/*最大幅（調整してください）*/
		height: 100%;
		background: #0456ba;
		/*背景色*/
		transition: .3s ease-in-out;
		/*滑らかに表示*/
		-webkit-transform: translateX(-105%);
		transform: translateX(-105%);
		/*左に隠しておく*/
		padding: 2rem;
	}

	#nav-content span.menu-midashi {
		display: block;
		width: 100%;
		height: auto;
		font-size: 2rem;
		font-weight: bold;
		color: #ffffff;
		text-align: center;
		margin: 2rem auto;
	}

	#nav-content ul,
	#nav-content li {
		list-style: none;
	}

	#nav-content li a {
		display: block;
		width: 100%;
		height: auto;
		padding: 2rem 1rem;
		text-decoration: none;
		color: #ffffff;
		border-bottom: dotted 1px #ffffff;
	}

	/*チェックが入ったらもろもろ表示*/
	#nav-input:checked~#nav-close {
		display: block;
		/*カバーを表示*/
		opacity: .5;
	}

	#nav-input:checked~#nav-content {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
		/*中身を表示（右へスライド）*/
		box-shadow: 6px 0 25px rgba(0, 0, 0, .15);
	}

	/* ---------- メインエリア ---------- */

	/* ---------- お問い合わせ ---------- */

	#contact #content01 {
		width: 1200px;
		height: auto;
		overflow: hidden;
		margin: 0 auto;
	}

	#contact .content-title h2 {
		/* font-size: 4rem;
	text-align: center;
	color: #0456ba;
	margin: 4rem auto; */
		font-family: 'Kiwi Maru', serif;
		padding: 0.5rem;
		border-top: solid 1px #20aee5;
		border-bottom: solid 1px #20aee5;
		color: #20aee5;
		text-align: center;
		margin: 1rem auto;
	}

	#contact .step-box {
		width: 100%;
		height: auto;
		overflow: hidden;
		margin-bottom: 40px;
	}

	#contact .step-box ul,
	#contact .step-box li {
		list-style: none;
	}

	#contact .step-box li {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 30%;
		height: 10rem;
		float: left;
		position: relative;
		color: #999999;
		background-color: #f1f1f1;
		border-radius: 7px;
		font-size: 2.2rem;
		font-weight: bold;
		margin-right: 5%;
		z-index: -1;
	}

	#contact .step-box li span {
		font-size: 2.6rem;
		margin-right: 2rem;
	}

	#contact .step-box li::after {
		content: "";
		width: 0;
		height: 0;
		border-top: 16px solid transparent;
		border-left: 16px solid #f1f1f1;
		border-bottom: 16px solid transparent;
		border-right: 16px solid transparent;
		position: absolute;
		right: -31px;
		top: 50%;
		margin-top: -16px;
	}

	#contact .step-box .active {
		color: #ffffff;
		background-color: #036eb8;
	}

	#contact .step-box .active::after {
		content: "";
		width: 0;
		height: 0;
		border-top: 16px solid transparent;
		border-left: 16px solid #036eb8;
		border-bottom: 16px solid transparent;
		border-right: 16px solid transparent;
		position: absolute;
		right: -31px;
		top: 50%;
		margin-top: -16px;
	}

	#contact .step-box li.step03 {
		margin-right: 0;
	}

	#contact .note-box {
		width: 100%;
		height: auto;
		margin-bottom: 2rem;
		font-size: 2rem;
		font-weight: bold;
		color: #e6001c;
	}

	#contact .form-box {
		width: 100%;
		height: auto;
		overflow: hidden;
	}

	#contact #formWrap {
		width: 100%;
		height: auto;
		overflow: hidden;
		font-size: 2rem;
	}

	#contact #formWrap .school-box,
	#contact #formWrap .condition-box {
		width: 100%;
		height: auto;
		overflow: hidden;
		padding: 2rem;
		border: 1px solid rgba(0, 0, 0, 0.2);
		margin-top: 1rem;
	}

	#contact #formWrap .school-box h3,
	#contact #formWrap .condition-box h3 {
		color: #0456ba;
		border-bottom: solid 1px #0456ba;
		margin-bottom: 2rem;
	}

	#contact #formWrap .school-box h4 {
		color: #e6001c;
		margin-top: 40px;
	}

	#contact #formWrap dl {
		display: block;
		width: 100%;
		height: auto;
		overflow: hidden;
		box-sizing: border-box;
		margin: 0 auto;
	}

	#contact #formWrap .form-item {
		width: 100%;
		height: auto;
		overflow: hidden;
		border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	}

	#contact #formWrap .form-item-last {
		border-bottom: none;
	}

	#contact #formWrap dt {
		display: block;
		width: 35%;
		height: 100%;
		overflow: hidden;
		box-sizing: border-box;
		float: left;
		padding: 1em;
		line-height: 2.8em;
		color: #0456ba;
	}

	#contact #formWrap dt::before {
		display: inline-block;
		width: 10px;
		height: 2.8rem;
		vertical-align: middle;
		content: "";
		margin-right: 1rem;
		border-radius: 5px;
		background-color: #0456ba;
	}

	#contact #formWrap dt span {
		display: inline-block;
		vertical-align: middle;
		width: auto;
		height: 2.4rem;
		line-height: 2.4rem;
		padding: 0 0.5rem;
		font-size: 1.4rem;
		color: #ffffff;
		background-color: #e6001c;
		border-radius: 5px;
		margin-left: 1.6rem;
	}

	#contact #formWrap dd {
		display: block;
		width: 65%;
		height: 100%;
		overflow: hidden;
		box-sizing: border-box;
		float: left;
		padding: 1em;
		line-height: 2em;
		background: #ffffff;
	}

	#contact #formWrap form,
	#contact #formWrap form input,
	#contact #formWrap form select,
	#contact #formWrap form textarea {
		font-size: 2rem;
	}

	#contact #formWrap form select {
		width: 45%;
		padding: 1rem;
		border: 1px solid rgba(0, 0, 0, 0.2);
		background-color: #ffffff;
	}

	#contact #formWrap .form-item01 select {
		margin-bottom: 2rem;
	}

	#contact #formWrap .form-item01 span.unit {
		margin-right: 1rem;
	}

	#contact #formWrap .from-box {
		width: 10%;
		height: auto;
		font-size: 2rem;
		padding: 1rem;
		text-align: center;
		float: left;
	}

	#contact #formWrap .present {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: auto;
		border-bottom: solid 1px rgba(0, 0, 0, 0.2);
		padding: 2rem 0;
	}

	#contact #formWrap .present input {
		margin-right: 1rem;
	}

	#contact #formWrap .present-item-last {
		border-bottom: none;
	}

	#contact #formWrap .present .radio-box {
		width: 40%;
		height: auto;
	}

	#contact #formWrap .present .image-box {
		width: 60%;
		height: auto;
	}

	#contact #formWrap .present .image-box img {
		height: 100px;
		width: auto;
	}

	#contact #formWrap form input[type="text"] {
		width: 80%;
		padding: 1rem;
		border: 1px solid rgba(0, 0, 0, 0.2);
	}

	#contact #formWrap form textarea {
		width: 80%;
		height: 30rem;
		padding: 1rem;
		border: 1px solid rgba(0, 0, 0, 0.2);
	}

	#contact .privacy {
		margin-top: 40px;
	}

	#contact .privacy .privacy-title {
		width: 100%;
		height: auto;
		padding: 0.7rem 2rem;
		color: #ffffff;
		background-color: #036eb8;
		font-size: 2.4rem;
		font-weight: bold;
		border-radius: 5px;
		text-align: center;
	}

	#contact .privacy .privacy-area {
		width: 100%;
		height: 250px;
		overflow: auto;
		font-size: 1.6rem;
		margin-top: 20px;
		padding: 1.4rem;
		border: 1px solid rgba(0, 0, 0, 0.2);
	}

	#contact .privacy .privacy-area h3 {
		color: #0456ba;
		text-align: center;
	}

	#contact .privacy .privacy-area .ceo-box {
		width: 100%;
		height: auto;
		margin: 1.4rem 0;
		text-align: right;
	}

	#contact .privacy .privacy-area h4 {
		margin: 1.4em 0;
	}

	#contact .privacy .privacy-area .kaiji-box {
		width: 100%;
		height: auto;
		text-align: center;
		margin: 1.4em 0;
	}

	#contact .privacy .privacy-area ol {
		padding-left: 2em;
	}

	#contact .note-box-bottom {
		width: 100%;
		height: auto;
		margin-top: 8rem;
		font-size: 2rem;
		font-weight: bold;
		color: #e6001c;
		text-align: center;
	}

	#contact #formWrap form .button-box {
		width: 680px;
		height: auto;
		overflow: hidden;
		margin-left: auto;
		margin-right: auto;
		margin-top: 8rem;
		margin-bottom: 4rem;
	}

	#contact #formWrap form .button-box input {
		border: none;
		cursor: pointer;
		outline: none;
		padding: 0;
		appearance: none;
		width: 300px;
		height: 60px;
		box-sizing: border-box;
		background-color: #ffffff;
		font-size: 1.2em;
		color: #0456ba;
		text-align: center;
		line-height: 60px;
		border-radius: 5px;
		text-decoration: none;
		border: solid 1px #0456ba;
		margin: 0;
	}

	#contact #formWrap form .button-box input[type="submit"] {
		color: #ffffff;
		background-color: #036eb8;
		float: left;
	}

	#contact #formWrap form .button-box input[type="reset"] {
		float: right;
	}

	#contact #formWrap form .button-box button {
		border: none;
		cursor: pointer;
		outline: none;
		padding: 0;
		appearance: none;
		width: 80rem;
		height: auto;
		box-sizing: border-box;
		background-color: #ffffff;
		font-size: 1.2em;
		color: #e6001c;
		text-align: center;
		border-radius: 1.5rem;
		text-decoration: none;
		border: solid 1px #0456ba;
		margin: 0 auto;
		color: #ffffff;
		background-color: #0456ba;
		padding: 0.5rem;
	}

	#contact #formWrap form .button-box button span {
		font-size: 1.6em;
	}

	#contact .form-item03 input {
		margin-bottom: 2rem;
	}

	#contact #formWrap .raiten-bi-box select {
		float: none;
		margin-bottom: 20px;
	}

	#contact #formWrap form #form-raiten-bi input {
		width: 25%;
	}

	#contact #formWrap form .select-time,
	#contact #formWrap form .select-minute {
		width: 50%;
		height: auto;
		float: left;
	}

	#contact #formWrap form .select-time select,
	#contact #formWrap form .select-minute select {
		width: 60%;
	}

	#contact #formWrap .customer-box {
		width: 100%;
		height: auto;
		overflow: hidden;
		padding: 2rem;
		border: 1px solid rgba(0, 0, 0, 0.2);
		margin-top: 40px;
	}

	#contact #formWrap .customer-box h3 {
		color: #0456ba;
		border-bottom: solid 1px #0456ba;
		margin-bottom: 2rem;
	}

	#contact #formWrap .customer-box h4 {
		color: #21a917;
		margin-top: 40px;
	}

	#contact #formWrap .customer-box dt {
		color: #0456ba;
	}

	#contact #formWrap .customer-box dt::before {
		background-color: #0456ba;
	}

	#contact #formWrap .terms-box {
		width: 100%;
		height: auto;
		overflow: hidden;
		padding: 2rem;
		border: 1px solid rgba(0, 0, 0, 0.2);
		margin-top: 40px;
	}

	#contact #formWrap .terms-box h3 {
		color: #0066ab;
		border-bottom: solid 1px #0066ab;
	}

	#contact #formWrap .terms-box h4 {
		color: #0066ab;
		margin-top: 40px;
	}

	#contact #formWrap .terms-box dt {
		color: #0066ab;
	}

	#contact #formWrap .terms-box dt::before {
		background-color: #0066ab;
	}

	#contact #formWrap .consent {
		border: 1px solid rgba(0, 0, 0, 0.2);
		margin-top: 40px;
	}

	#contact #formWrap .consent .consent-check {
		width: 30%;
		height: 4em;
		overflow: hidden;
		float: left;
		border-left: 1px solid rgba(0, 0, 0, 0.2);
		text-align: center;
		color: #e6001c;
		padding-top: 1rem;
	}

	#contact #formWrap .consent .consent-text {
		width: 70%;
		height: 4em;
		overflow: hidden;
		float: left;
		border-left: 1px solid rgba(0, 0, 0, 0.2);
		padding-left: 1rem;
	}

	/* ---------- 確認画面 ---------- */

	#contact #formWrap {
		width: 1200px;
		height: auto;
		overflow: hidden;
		margin: 40px autp;
	}

	#contact #formWrap table {
		width: 100%;
	}

	#contact #formWrap table tr {
		display: block;
		width: 100%;
		height: auto;
		overflow: hidden;
		border-bottom: 2px solid #efefef;
	}

	#contact #formWrap table th {
		display: block;
		width: 35%;
		height: 100%;
		overflow: hidden;
		box-sizing: border-box;
		float: left;
		padding: 1em;
		line-height: 2.8em;
		color: #0456ba;
		text-align: left;
	}

	#contact #formWrap table td {
		display: block;
		width: 65%;
		height: 100%;
		overflow: hidden;
		box-sizing: border-box;
		float: left;
		padding: 1em;
		line-height: 2em;
		background: #ffffff;
	}

	#contact #formWrap input[type="submit"] {
		cursor: pointer;
		outline: none;
		padding: 0;
		appearance: none;
		width: 300px;
		height: 60px;
		box-sizing: border-box;
		background-color: #0456ba;
		font-size: 1.2em;
		color: #ffffff;
		text-align: center;
		line-height: 60px;
		border-radius: 5px;
		text-decoration: none;
		border: solid 1px #0456ba;
		margin: 80px 20px;
	}

	#contact #formWrap input[type="button"] {
		cursor: pointer;
		outline: none;
		padding: 0;
		appearance: none;
		width: 300px;
		height: 60px;
		box-sizing: border-box;
		background-color: #ffffff;
		font-size: 1.2em;
		color: #0456ba;
		text-align: center;
		line-height: 60px;
		border-radius: 5px;
		text-decoration: none;
		border: solid 1px #0456ba;
		margin: 80px 20px;
	}

	/* ---------- 送信完了画面 ---------- */

	#contact #content01 .thanks-box {
		font-size: 2rem;
		margin-bottom: 80px;
	}

	#contact #content01 .back-box a {
		display: block;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 30%;
		height: 10rem;
		color: #ffffff;
		background-color: #036eb8;
		border-radius: 7px;
		font-size: 2.2rem;
		font-weight: bold;
		margin: 80px auto;
		text-decoration: none;
	}

	/* ---------- フッター ---------- */

	#footer {
		width: 100%;
		height: auto;
		margin: 0 auto;
	}

	#footer .footer-box {
		width: 1200px;
		height: auto;
		margin: 0 auto;
		margin-top: 4rem;
		overflow: hidden;
		position: relative;
	}

	#footer .footer-logo {
		width: 800px;
		height: auto;
		overflow: hidden;
		float: left;
	}

	#footer .footer-logo .logo-box a {
		display: block;
		width: 500px;
		height: 0;
		overflow: hidden;
		padding-top: 102px;
		background-image: url("images/logo2.png");
		background-repeat: no-repeat;
		background-size: 100% auto;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	#footer .footer-tel {
		width: 400px;
		height: 63px;
		text-align: right;
		float: left;
		margin-top: 25px;
		font-size: 1.8rem;
		font-weight: normal;
	}

	#footer .footer-tel a {
		font-size: 3.6rem;
		font-weight: bold;
		color: #e6001c;
		text-decoration: none;
		margin-top: 1.5rem;
	}

	#footer .footer-left {
		width: 500px;
		height: 140px;
		overflow: hidden;
		float: right;
	}

	/* ---------- copyright ---------- */

	#copyright {
		width: 100%;
		height: auto;
		overflow: hidden;
		margin: 0 auto;
		padding: 0.6rem 0;
		text-align: center;
		border-top: solid 1px #e60012;
	}

	/* ---------- PC用ここまで ---------- */

}

/* ---------- 画面サイズが767px以下の場合読み込む---------- */

@media screen and (max-width:767px) {

	html {
		font-size: 62.5%;
	}

	body {
		width: 100%;
		font-size: 1.4rem;
		background-image: none;
	}

	select {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}

	.formError {
		left: 60% !important;
	}

	.pc {
		display: none;
	}

	.mobile {
		display: inherit;
	}

	/* ---------- ヘッダー ---------- */

	#header .header-box {
		width: 94%;
		height: auto;
		overflow: hidden;
		margin: 0 auto;
	}

	#header .header-box .header-logo {
		width: 100%;
	}

	#header .header-logo .logo-box {
		width: 100%;
		height: auto;
		border-bottom: solid 3px #e6001c;
	}

	#header .header-logo .logo-box a {
		width: 100%;
		padding-top: 25%;
		background-size: 118% auto;
		margin-bottom: 0;
	}

	#header h1 {
		width: 80%;
		top: 1rem;
		left: 18%;
		font-size: 1.2rem;
		font-weight: bold;
	}

	#header .header-tel {
		width: 100%;
		height: auto;
		text-align: center;
	}

	#header .header-tel a {
		font-size: 3.2rem;
	}

	#header .header-left {
		width: 100%;
		height: auto;
		float: none;
	}

	/* ---------- ハンバーガーメニュー ---------- */

	#nav-open {
		top: 1.5rem;
		right: 1rem;
		width: 35px;
		height: 35px;
	}

	#nav-open span,
	#nav-open span:before,
	#nav-open span:after {
		width: 35px;
		height: 3px;
		border-radius: 3px;
	}

	#nav-open span:before {
		bottom: -12px;
	}

	#nav-open span:after {
		bottom: -24px;
	}

	#nav-content {
		max-width: 60%;
		padding: 1rem;
	}

	#nav-content span.menu-midashi {
		margin: 1rem auto;
	}

	/* ---------- content01 ---------- */

	#content {
		position: relative;
	}

	#content .content-item {
		width: 100%;
	}

	#content .content01 {
		height: auto;
		background-color: #8fd3f5;
		background-size: 200% auto;
		background-position: left bottom;
		padding-bottom: 60%;
	}

	#content .content01 .title-box {
		width: 100%;
		height: auto;
	}

	#content .content01 h2 {
		width: 100%;
		padding-top: 32%;
		background-position: center center;
		background-size: 80% auto;
	}

	#content .content01 .daigaku-list {
		width: 90%;
		font-size: 2rem;
		margin: 0 auto;
	}

	/* ---------- 来店予約 ---------- */

	/* ---------- お問い合わせフォーム ---------- */

	#contact #content01 {
		width: 94%;
		margin-left: auto;
		margin-right: auto;
	}

	#contact .content-title h2 {
		font-size: 2.6rem;
	}

	#contact .step-box li {
		display: block;
		height: auto;
		padding: 1rem;
		font-size: 1.8rem;
	}

	#contact .step-box li span {
		display: block;
		width: 100%;
		height: auto;
		font-size: 2rem;
	}

	#contact #formWrap {
		width: 100%;
	}

	#contact #formWrap .form-item {
		padding: 1rem 0;
	}

	#contact #formWrap dt {
		width: 100%;
		height: auto;
		padding: 1rem;
	}

	#contact #formWrap dd {
		width: 100%;
		height: auto;
		padding: 1rem;
	}

	#contact #formWrap form input[type="text"] {
		width: 100%;
	}

	#contact #formWrap form select {
		width: 100%;
	}

	#contact #formWrap form textarea {
		width: 100%;
	}

	#contact #formWrap form .button-box {
		width: 100%;
	}

	#contact #formWrap form input[type="submit"] {
		display: block;
		float: none;
		margin: 0 auto;
	}

	#contact #formWrap form input[type="reset"] {
		display: block;
		float: none;
		margin: 0 auto;
	}

	#contact #formWrap form .button-box input[type="submit"] {
		display: block;
		float: none;
		margin: 0 auto;
	}

	#contact #formWrap form .button-box input[type="reset"] {
		display: block;
		float: none;
		margin: 0 auto;
	}

	#contact #formWrap input[type="button"] {
		display: block;
		float: none;
		margin: 0 auto;
		margin-top: 40px;
		margin-bottom: 40px;
	}

	#contact #formWrap table {
		margin-bottom: 40px;
	}

	#contact #formWrap table th,
	#contact #formWrap table td {
		width: 100%;
		padding: 0 1rem;
	}

	#contact #formWrap .form-item03 input[type="text"],
	#contact #formWrap .form-item04 input[type="text"] {
		width: 85%;
	}

	#contact #content01 .back-box a {
		width: 80%;
	}

	#contact #formWrap .raiten-bi-box select {
		width: 80%;
	}

	#contact #formWrap form .select-time,
	#contact #formWrap form .select-minute {
		width: 100%;
		margin-bottom: 1rem;
	}

	#contact #formWrap form .select-time select,
	#contact #formWrap form .select-minute select {
		width: 80%;
	}

	#contact #formWrap .school-box,
	#contact #formWrap .customer-box,
	#contact #formWrap .terms-box {
		padding: 3%;
	}

	#contact #formWrap .present .radio-box {
		width: 60%;
	}

	#contact #formWrap .present .image-box {
		width: 40%;
		text-align: center;
	}

	#contact #formWrap .present .image-box img {
		height: 80px;
	}

	#contact #formWrap .consent .consent-check {
		width: 100%;
		height: auto;
		border-left: none;
	}

	#contact #formWrap .consent .consent-text {
		width: 100%;
		height: auto;
		border-left: none;
		margin-top: 4rem;
	}

	#contact #formWrap form .button-box button {
		width: 100%;
		height: auto;
		padding: 0.5rem;
		font-size: 1em;
	}

	/* ---------- footer ---------- */

	#footer .footer-box {
		width: 94%;
		height: auto;
		overflow: hidden;
		margin: 0 auto;
	}

	#footer .footer-logo {
		width: 100%;
	}

	#footer .footer-text {
		width: 80%;
		top: 1rem;
		left: 18%;
		font-size: 1.2rem;
		font-weight: bold;
	}

	#footer .footer-logo .logo-box {
		width: 100%;
		height: auto;
		padding-top: 1rem;
	}

	#footer .footer-logo .logo-box a {
		width: 100%;
		padding-top: 25%;
		background-size: 118% auto;
		margin-bottom: 0;
	}

	#footer .footer-tel {
		width: 100%;
		height: auto;
		text-align: center;
	}

	/* ---------- copyright ---------- */

	#copyright {
		width: 100%;
		font-size: 1rem;
	}

	/* ---------- pageTop ボタン ---------- */

	#pageTop {
		bottom: 1rem;
		right: 1rem;
	}

	#content .category-item {
		width: 48%;
		margin-left: 0;
		margin-bottom: 8%;
	}

	#content .category02,
	#content .category04,
	#content .category06,
	#content .category08 {
		margin-left: 4%;
	}

	/* ---------- スマホ用ここまで ---------- */

}