@charset "utf-8";
html {
	font-size: 14px;
}
body {
	color: #333;
	line-height: 1.7;
	font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
a {
	color: #333;
	text-decoration: none;
}
.a:hover {
	opacity: 0.9;
	cursor: pointer;
}
.cf:after {
	content: "";
	clear: both;
	display: block;
}
img {
	max-width: 100%;
	width: auto;
	height: auto;
}
.pc-none {
	display: block;
}
.sp-none {
	display: none;
}
.mk-yellow {
	background: linear-gradient(rgba(255, 249, 133, 0) 60%, #FFF985 50%);
}
.mb-05rem {
	margin-bottom: 0.5rem;
}
.mb-1rem {
	margin-bottom: 1rem;
}
.mb-2rem {
	margin-bottom: 2rem;
}
.mb-3rem {
	margin-bottom: 3rem;
}
.mb-4rem {
	margin-bottom: 4rem;
}
.mb-5rem {
	margin-bottom: 5rem;
}
.mb-6rem {
	margin-bottom: 6rem;
}
/*--------------------- ヘッダー ----------------------------*/
header{
	width: 100%;
	border-bottom: 1px solid #C9C7C8;
	}
.header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: 0.9rem 0.3rem;
}
.header .logo {
	width: 170px;
	height: auto;
}
.header .btn {
	padding: 1rem 1rem;
	background: #E01400;
	color: #fff;
	font-weight: bold;
	border-radius: 0.5rem;
}
/*--------------------- アイキャッチ --------------------------*/
.eye-catch_sp {
	display: block;
	background-image: url("../images/eyecatch_sp_bg.jpg");
	background-size: cover;
	width: 100%;
	height: 110.6%;
}
.eye-catch_pc {
	display: none;
}
/*--------------------- h2と背景など共通の部品 ------------------------------------*/
.h2-box {
	width: 100%;
	text-align: center;
	margin-bottom: 1.5rem;
}
.h2-box.upper {
	margin-top: -4rem;
}
.h2-box .deco {
	font-size: 3.5rem;
	line-height: 1;
	color: #E01400;
	font-family: 'Roboto', sans-serif;
	opacity: 0.12;
}
.h2-box h2 {
	font-size: 1.5rem;
	font-weight: bold;
	color: #E01400;
}
.content {
	width: 85%;
	margin: 0 auto;
}
.bg-blue {
	width: 100%;
	padding: 2rem 0;
	background: #E0F1FC;
}
/*---------------------  いつでもどこでも --------------------------*/
.any-content {
	width: 90%;
	text-align: center;
	margin: 1.5rem auto 0;
}
.any-content .deco-text {
	font-size: 2.7rem;
	color: #D9EEFC;
	font-family: 'Roboto', sans-serif;
}
.any-content .text {
	width: 100%;
	background-image: url("../images/eny_bg.jpg");
	background-position: right -10% bottom 0;
	background-repeat: no-repeat;
	background-size: auto 100%;
	font-size: 1.5rem;
	font-weight: bold;
	color: #FA1600;
	text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, 0-1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;
	padding-bottom: 1em;
}
.dz-desc {
	font-size: 1rem;
	line-height: 2;
}
/*--------------------- メリット --------------------------------*/
.merit {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.merit .column {
	width: 100%;
	margin-bottom: 2rem;
}
.merit .column:last-child {
	margin-bottom: 0;
}

.merit .column .number {
	width: 100%;
	font-size: 1.2rem;
	font-weight: bold;
	color: #E01400;
	padding-left: 5px;
	border-left: 8px solid #E01400;
}
.merit .column .title {
	width: 100%;
	font-size: 1.2rem;
	font-weight: bold;
}
.merit .column .photo {
	width: 100%;
	height: auto;
	margin-bottom: 0.5rem;
}
.merit .column .text {
	font-size: 1rem;
}
/*--------------------- 月収例 ----------------------------------*/
.salary {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.salary .column {
	width: 100%;
	background-color: #fff;
	padding: 1.8rem 1.5rem;
	box-shadow: 0px 0px 8px -1px rgba(0, 0, 0, 0.21);
	font-weight: bold;
	margin-bottom: 2rem;
}
.salary .column:last-child {
	margin-bottom: 0;
}
.salary .column .charactor {
	display: flex;
	align-items: center;
	/*justify-content: center;*/
	width: 92%;
	height: auto;
	margin: 0 auto 1.2rem;
}
.salary .column .charactor .icon {
	width: 40px;
	height: auto;
	margin-right: 0.8rem;
}
.salary .column .charactor .text {
	font-size: 1.1rem;
	line-height: 1.5;
}
.salary .column .calc {
	width: 100%;
	font-size: 1.2rem;
	color: #003D9B;
	text-align: center;
	border: 2px solid #003D9B;
	margin-bottom: 0.3rem;
	padding: 0.7rem 0;
}
.salary .column .arrow {
	display: block;
	width: 35px;
	;
	height: auto;
	margin: 0 auto 0.3rem;
}
.salary .column .exp {
	width: 100%;
	font-size: 1.35rem;
	color: #fff;
	text-align: center;
	background-color: #003D9B;
	padding: 0.5rem 0;
}
/*--------------------- 応募から指導までの流れ -------------------*/
.flow {
	width: 100%;
}
.flow .column {
	width: 100%;
	background-color: #fff;
	padding: 1.3rem;
	box-shadow: 0px 0px 8px -1px rgba(0, 0, 0, 0.21);
	margin-bottom: 0.5rem;
}
.flow .column .number {
	width: 100%;
	font-size: 1.2rem;
	font-weight: bold;
	color: #E01400;
	padding-left: 5px;
	border-left: 8px solid #E01400;
}
.flow .column .title {
	width: 100%;
	font-size: 1.2rem;
	font-weight: bold;
}
.flow .column .box {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.flow .column .box .icon {
	width: 28%;
	height: auto;
}
.flow .column .box .text {
	width: 70%
}
.flow .arrow {
	display: block;
	width: 35px;
	;
	height: auto;
	margin: 0 auto 0.5rem;
}
/*--------------------- よくある質問 --------------------------*/
.cp_qa .cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 0 1em 0;
}
.cp_qa .cp_actab input {
	position: absolute;
	opacity: 0;
}
/* 質問 */
.cp_qa .cp_actab label {
	line-height: 1.6em;
	position: relative;
	display: block;
	margin: 0 0 0 0;
	padding: 1em 2em 1em 2.5em;
	cursor: pointer;
	text-indent: 1em;
	background: #003D9B;
	color: #fff;
	font-weight: normal;
}
.cp_qa .cp_actab label::before {
	font-size: 1.5em;
	margin-left: -1.7em;
	padding-right: 0.5em;
	content: 'Q';
	font-weight: bold;
}
.cp_qa .cp_actab label:hover {
	transition: all 0.3s;
	/*	color: #00838f;*/
}
/* --質問の＋アイコン */
.cp_qa .cp_actab label::after {
	font-size: 1.7em;
	font-weight: bold;
	line-height: 2em;
	position: absolute;
	top: 0;
	right: 0;
	content: '+';
	display: inline-block;
	width: 2em;
	height: 2em;
	-webkit-transition: transform 0.4s;
	transition: transform 0.4s;
}
/* 答え */
.cp_qa .cp_actab .cp_actab-content {
	position: relative;
	overflow: hidden;
	max-height: 0;
	padding: 0 0 0 2.5em;
	-webkit-transition: max-height 0.2s;
	transition: max-height 0.2s;
	background: #fff;
}
.cp_qa .cp_actab .cp_actab-content::before {
	font-size: 1.5em;
	position: absolute;
	margin: 0.4em 0 0 -1em;
	padding: 0;
	content: 'A';
	font-weight: bold;
}
.cp_qa .cp_actab .cp_actab-content p {
	margin: 1em 1em 1em 0;
}
/* 質問を開いた時の仕様 */
/* --答えの高さ */
.cp_qa .cp_actab input:checked ~ .cp_actab-content {
	max-height: 40em;
}
/* 質問をクリックした時のアイコンの動き */
.cp_qa .cp_actab input:checked ~ label {
	color: #fff;
}
/* 質問をクリックした時の+の動き */
.cp_qa .cp_actab input[type=checkbox]:checked + label::after {
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
/*--------------------- 応募要項 ------------------------------*/
table {
	width: 100%;
	/*word-break:break-all;*/
}
table, table th, table td {
	border: 1px solid #003D9B;
	border-collapse: collapse;
}
table tbody {
	width: 100%;
}
table th {
	display: block;
	width: 100%;
	background: #003D9B;
	font-weight: bold;
	color: #fff;
	text-align: center;
	margin-top: -1px;
	padding: 0.6rem;
}
table td {
	display: block;
	width: 100%;
	padding: 1rem;
	font-size: 0.9rem;
	border-bottom: none;
}
table td:last-child {
	border: 1px solid #003D9B;
}
table .advisor {
	width: 100%;
	margin: 1rem 0 0.2rem;
	padding: 0.9rem;
	background: #FFF5DC;
}
table .advisor .title {
	font-size: 0.95rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 0.5em;
}
table .advisor .text {
	font-size: 0.9rem;
}
/*--------------------- 応募フォーム --------------------------*/
.entry .text {
	font-size: 1rem;
	text-align: center;
	margin-bottom: 1rem;
}
.entry .btn-box {
	width: 100%;
	text-align: center;
	margin-bottom: 1.5rem;
}
.entry .btn-box .btn {
	display: inline-block;
	width: 80%;
	background: #003D9B;
	font-size: 1.2rem;
	font-weight: bold;
	color: #fff;
	border-radius: 2rem;
	padding: 0.8em;
}
.form {
	width: 100%;
	padding: 3rem 0;
}
.form table{
	width: 100%;
	margin-bottom: 1.5rem;
}
.form table th {
	position: relative;
	display: block;	
	text-align: left;
}
.form table td {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	background-color: #fff;
}
.form table td .box{
	width: 100%;
	display: flex;
	align-items: center;
}
.form table td .box input[type="text"]{
	margin: 0.2em 1em 0.2em 0.4em;
}
.form table td .box input[type="text"]:last-child{
	margin: 0.2em 0 0.2em 0.4em;
}



.form label{
	display: flex;
	align-items: center;
}



.form input[type="text"], .form textarea, .form select{
	height: 3.5rem;
	width: 100%;
	font-size: 16px;
	padding: 0.3em;
	color: #333;
	background-color: #FFFFFF;
	border-radius: 0.3em;
	margin: 0.2em 0;
	border: solid 1px #333;
}

.form textarea {
	height: 12em;
}
.form select {
	width: auto;
	padding: 0.3em 0.6em;
}
.form input[type=checkbox],.form input[type=radio] {
	cursor: pointer;
	width:30px;
	height:30px;
	/*
	-moz-transform:scale(1.4);
	-webkit-transform:scale(1.4);
	transform:scale(1.4);
	*/
	margin-right: 0.5em;
	border: solid 1px #333;
}
.form label{
	margin-right:3em;
}
.form label:last-child{
	margin-right:0;
}
.form .educational_background_box{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.form .educational_background{
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.form .educational_background .school{
	width: 65%;
}
.form .educational_background .type{
	width: 33%;
}
.form .educational_background .grade{
	width: auto;
}






.form .hs-subject{
	width: 100%;
	margin: 0.7rem 0;
	padding: 0.5em;
	background-color: #ddd;
	font-size: 0.95em;
}

.form th.require{
	padding-right: 3.1em;
}
.form th.require::after {
	position: absolute;
	content: '必須';
	background: #fff;
	font-size: 0.8em;
	color: #f00;
	padding: 0.4em 0.5em;
	border: 1px solid #fff;
	right: 9px;
	line-height: 1;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
::placeholder {
	color: #aaa;
}
/* 旧Edge対応 */ ::-ms-input-placeholder {
	color: #aaa;
}
/* IE対応 */ :-ms-input-placeholder {
	color: #aaa;
}
.form .privacy-text {
	font-size: 1rem;
	text-align: center;
	margin-bottom: 1rem;
}
.form .btn {
	display: block;
	width: 80%;
	margin: 0 auto;
	background: #003D9B;
	font-size: 1.2rem;
	font-weight: bold;
	color: #fff;
	border-radius: 2rem;
	padding: 0.8em;
}
.form .furigana{
	font-size: 1em;
	color: #f00;
}
.return-top{
	display: block;
	width: 80%;
	margin: 0 auto;
}
.return-top-btn {
	width: 100%;
	text-align: center;
	background: #003D9B;
	font-size: 1.2rem;
	font-weight: bold;
	color: #fff;
	border-radius: 2rem;
	padding: 0.8em;
}
#form input[type="submit"], #form input[type="button"] {
	text-align: center;
	width: 100%;
	font-size: 1rem;
	border-radius: 2rem;
	padding: 1rem 0;
}
#form input[type="submit"]:hover, #form input[type="button"]:hover {
	opacity: 0.8;
}
#form input[type="submit"].col1, #form input[type="button"].col1 {
	width: 80%;
	margin: 0 auto;
}
#form .btn-box {
	width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
#form input[type="submit"].col2, #form input[type="button"].col2 {
	width: 49%;
}
#form .col2-space {
	margin-right: 6px;
}
#form input[type="submit"].go, #form input[type="button"].go {
	background-color: #003D9B;
	border: 1px solid #003D9B;
	color: #fff;
}
#form input[type="submit"].back, #form input[type="button"].back {
	background-color: #eee;
	color: #555;
	border: 1px solid #aaa;
}
#formWrap {
	width: 90%;
	margin: 1.5rem auto;
}
#form table.formTable {
	width: 94%;
	margin: 15px auto 10px;
	font-size: 0.9rem;
}
#form table.formTable th, #form table.formTable td {
	display: block;
	width: 100%;
	padding: 0.5rem;
}
#form table.formTable th {
	background-color: #003D9B;
	font-weight: bold;
	margin-bottom: 0;
}
#form table.formTable td {
	background-color: #EBFAFF;
	margin-bottom: 0;
}

#formWrap h4{
	color: #f00;
	margin-bottom: 15px;
}

#formWrap .error_messe{
	margin-bottom: 15px;
}


.thanks-text {
	width: 100%;
	margin: 2rem auto 3rem;
	font-size: 1rem;
	text-align: center;
}



/*--------------------- フッター ------------------------------*/
.footer {
	width: 100%;
	padding: 1rem 0;
	border-top: 1px solid #C9C7C8;
}
.footer .logo-box {
	width:100%;
	text-align: center;
}
.footer .logo-box .logo {
	width: 170px;
	height: auto;
	margin-bottom: 1.6rem;
}
.footer .subpage-box {
	display: flex;
	flex-direction: column;
	width:80%;
	margin: 0 auto;
	font-size: 0.9rem;
}
.footer .subpage-box a {
	position: relative;
	display: inline-block;
	margin-bottom: 1.2rem;
	padding-left: 10px;
	line-height: 1;
}
.footer .subpage-box a::before {
	position: absolute;
	left: 0;
	top: 2px;
	content: "";
	display: inline-block;
	height:12px;
	width: 6px;
	vertical-align: middle;
	margin-right: 0.2rem;
	background-size: contain;
	background-position: left -2em top 0;
	background: url("../images/footer_arrow.svg");
	background-repeat: no-repeat;

}
.footer .copy{
	display: block;
	width:80%;
	margin: 0 auto;
	font-size: 0.8rem;
}








/*
.footer .logo-box {
	width: 100%;
	text-align: center;
	margin-bottom: 1rem;
}
.footer .logo-box .logo {
	width: 170px;
	height: auto;
}
.footer .subpage-box {
	display: flex;
	justify-content: center;
	width: 100%;
}
.footer .subpage-box a {
	margin-right: 2rem;
}
.footer .subpage-box a:last-child {
	margin-right: 0;
}
*/









/*--------------------- 会社概要・プライバシーポリシー ------------------------------*/
.content.subpage{
	padding: 1.6rem 0 3rem;
}
h2.subpage{
	font-size: 1.5rem;
	margin-bottom: 0.3rem;
	font-weight: bold;
}


.privacy .desc{
	width: 100%;
	font-size: 0.9rem;
	margin-bottom: 1rem;
}

.privacy{
	font-size: 0.9rem;
}
.privacy h3.redline {
    font-size: 1rem;
    font-weight: bold;
    padding: 0.7rem 0.8rem;
    background-color: #003D9B;
    color: #fff;
    margin:1.3rem 0 0.3rem;
}
.privacy ul{
	margin-left: 1.5rem;
}

.privacy h4{
	font-size: 1rem;
	font-weight: bold;
	margin-top: 1rem;
}

/*----------------------------------------------------
iOSでのデフォルトスタイルをリセット
----------------------------------------------------*/
input[type="submit"], input[type="button"] {
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration {
	display: none;
}
input[type="submit"]::focus, input[type="button"]::focus {
	outline-offset: -2px;
}


/*----画面サイズが小さいスマホ用CSS----------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:360px) {
	html {
		font-size: 12px;
	}
	.form select {
		padding: 0.3em;
	}
} /*画面サイズが小さいスマホ用CSS閉じタグ*/
/*----タブレット用CSS-------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 481px) and (max-width: 896px) {
	html {
		font-size: 17px;
	}
	.pc-none {
		display: none;
	}
	.pc-block {
		display: block;
	}
	.sp-none {
		display: block;
	}
	.tb-none {
		display: none;
	}
	/*--------------------- ヘッダー ----------------------------*/
	.header {
		margin: 0 auto;
		padding: 1.2rem 0.8rem;
	}
	/*--------------------- アイキャッチ --------------------------*/
	.eye-catch_pc {
		display: block;
		background-image: url("../images/eyecatch_pc_bg.jpg");
		background-size: cover;
		width: 100%;
		height: 58.3%;
	}
	.eye-catch_sp {
		display: none;
	}
	/*--------------------- h2と背景など共通の部品 ------------------------------------*/
	.content {
		width: 80%;
	}
	/*---------------------  いつでもどこでも --------------------------*/
	.any-content {
		background-image: url("../images/eny_bg.jpg");
		background-position: right -10% bottom 0;
		background-repeat: no-repeat;
		background-size: auto 100%;
	}
	.any-content .text {
		background-image: none;
	}
	/*--------------------- 応募要項 ------------------------------*/
	table td {
		padding: 1rem;
		font-size: 1rem;
	}
	
	/*--------------------- フッター ------------------------------*/
	.footer {
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between;
		align-items: center;
		padding: 1.5rem 1rem 0.9rem;
	}
	.footer .logo-box {
		width:170px;
		text-align: right;
	}
	.footer .logo-box .logo {
		width: 170px;
		height: auto;
		margin-bottom: 1.6rem;
	}
	.footer .subpage-box {
		flex-direction: row;
		width:auto;
		margin: 0;
		font-size: 0.9rem;
	}
	.footer .subpage-box a {
		position: relative;
		display: inline-block;
		margin-bottom: 1.2rem;
		margin-right: 2rem;
		padding-left: 10px;
		line-height: 1;
	}
	.footer .copy{
		width: 100%;
		font-size: 0.8rem;
	}
	
	
	
	
} /*タブレット用CSS閉じタグ*/
/*----PC用CSS-----------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:897px) {
	html {
		font-size: 20px;
	}
	img {
		/*max-width: initial;*/
		width: auto;
		height: auto;
	}
	.pc-none {
		display: none;
	}
	.pc-block {
		display: block;
	}
	.sp-none {
		display: block;
	}
	/*--------------------- ヘッダー ----------------------------*/
	.header {
		width: 1200px;
		margin: 0 auto;
		padding: 1.4rem 0;
	}
	.header .logo{
		width: 230px;
	}
	.header .btn:hover {
		opacity: 0.8;
	}
	/*--------------------- アイキャッチ --------------------------*/
	.eye-catch_pc {
		display: block;
		background-image: url("../images/eyecatch_pc_bg.jpg");
		background-size: cover;
		width: 1200px;
		height: 58.3%;
		margin: 0 auto;
	}
	.eye-catch_sp {
		display: none;
	}
	/*--------------------- h2と背景など共通の部品 ------------------------------------*/
	.content {
		width: 1000px;
	}
	/*---------------------  いつでもどこでも --------------------------*/
	.any-content {
		width: 1000px;
		background-image: url("../images/eny_bg.jpg");
		background-position: right 0 bottom 0;
		background-repeat: no-repeat;
		background-size: auto 100%;
		margin: 1.8rem auto 0;
	}
	.any-content .text {
		background-image: none;
		font-size: 1.8rem;
	}
	/*--------------------- メリット --------------------------------*/
	.merit {
		justify-content: space-between;
	}
	.merit .column {
		width: 45%;
		margin-bottom: 2.9rem;
	}
	/*--------------------- 月収例 ----------------------------------*/
	.salary {
		justify-content: space-between;
	}
	.salary .column {
		width: 45%;
		margin-bottom: 0;
	}
	.salary .column .charactor {
		width: 90%;
	}
	/*--------------------- 応募から指導までの流れ -------------------*/
	.flow {
		width: 800px;
		margin: 0 auto;
	}
	.flow .column {
		padding: 1.8rem 2.6rem;
	}
	.flow .column .box .icon {
		width: 22%;
		height: auto;
	}
	.flow .column .box .text {
		width: 76%
	}
	/*--------------------- よくある質問 --------------------------*/
	.cp_qa {
		/*width: 800px;*/
		margin: 0 auto;
	}
	/*--------------------- 応募要項 ------------------------------*/
	table {
		display: table;
	}
	table, table th, table td {
		border-collapse: collapse;
		border: 2px solid #003D9B;
	}
	table th {
		width: 130px;
		text-align: center;
		font-size: 1rem;
		padding: 0.6rem;
		display: table-cell;
		margin-top: 0;
		border-bottom: 2px solid #fff;
		white-space: nowrap;
	}
	table tr:last-child > th {
		border-bottom: 2px solid #003D9B;
	}
	table td {
		width: auto;
		font-size: 0.9rem;
		padding: 0.9rem;
		display: table-cell;
	}
	table td:last-child {
		border: 2px solid #003D9B;
	}
	table.info {
		width: 900px;
		margin: 0 auto 3.5rem;
	}
	/*--------------------- 応募フォーム --------------------------*/
	
	
	.form table th {
		display: table-cell;
		white-space: wrap;
		font-size: 0.9rem;
	}
	.form table td {
		display: table-cell;
	}
	.form select {
		width: auto;
		padding: 0.3em 1em;
	}
	.form input[type="text"], .form textarea, .form select{
		font-size: 0.9rem;
	}
	#form table.formTable th, #form table.formTable td {
		 display: table-cell;
		width: 50%;
	}
	#form input[type="submit"].col1, #form input[type="button"].col1 {
		width: 50%;
		margin: 0 auto;
	}
	
	.form .educational_background_box{
		flex-wrap: nowrap;
		width: auto;
	}
	.form .educational_background{
		display: flex;
		justify-content: flex-start;
		width: auto;
	}

	.form .educational_background .school{
		width: 500px;
		margin-right: 10px;
	}
	.form .educational_background .type{
		width: auto;
		margin-right: 10px;
	}
	.form .educational_background .grade{
		width: auto;
	}	
	
	#formWrap {
		width: 800px;
		margin: 2.5rem auto;
	}
	
	
	.entry .btn-box .btn {
		width: 50%;
	}
	.entry .btn-box .btn:hover {
		opacity: 0.8;
	}
	.return-top{
		width: 400px;
	}
	/*--------------------- フッター ------------------------------*/
	.footer {
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between;
		align-items: center;
		padding: 1.5rem 2.3rem 0.9rem;
	}
	.footer .logo-box {
		width:170px;
		text-align: right;
	}
	.footer .logo-box .logo {
		width: 170px;
		height: auto;
		margin-bottom: 1.6rem;
	}
	.footer .subpage-box {
		flex-direction: row;
		width:auto;
		margin: 0;
		font-size: 0.8rem;
	}
	.footer .subpage-box a {
		position: relative;
		display: inline-block;
		margin-bottom: 0.7rem;
		margin-right: 2rem;
		padding-left: 10px;
		line-height: 1;
	}
	.footer .copy{
		width: 100%;
		font-size: 0.7rem;
	}
	
	
} /*PC用CSS閉じタグ*/