@charset "utf-8";
/* =========================================================
 SP CSS
========================================================= */
@media (max-width:768px){
	/* common */
	html, body, button, input, select, textarea {
		color: #333;
		font-family: "ヒラギノ角ゴ Pro W4","ヒラギノ角ゴ Pro W6","ヒラギノ角ゴ Pro", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", "MS PゴシックB","MS ゴシック","MS ゴシックB", sans-serif !important;
	}

	.marginTop10m{margin-top:-10px !important;}
	.marginTop10{margin-top:10px;}
	.marginTop20{margin-top:20px;}
	.marginTop30{margin-top:30px;}
	.marginBottom10{margin-bottom:10px;}
	.marginBottom20{margin-bottom:20px;}
	.marginBottom30{margin-bottom:30px;}
	.marginLeft15{margin-left:15px;}
	.marginLR0{margin-right:0; margin-left:0;}
	.marginLR15{margin-right:15px; margin-left:15px;}
	.marginAll0{margin:0;}
	.marginLRAuto{margin:0 auto;}
	.paddingBottom10{padding-bottom:10px;}
	.fontN{font-weight:normal !important;}
	.fontB{font-weight:bold;}
	.borderBottomGray{border-bottom: 1px solid #b4b4b4;}
	.pcOnly{display:none;}
	.spOnly{display:block;}
	.txtCenter{text-align:center;}

	.bbPC{display:none;}
	.bbSP{
		border-bottom:1px dotted #ccc;
		display:block;
		margin:5px 0 10px 0;
	}

	.bbOsaka{
		border-bottom:1px dotted #ccc;
		margin:5px 0 10px 0;
	}

	.soOnly{display:inline;}
	.PCOnly{display:none;}
	.SPOnly{display:block;}
	.visible{display:block !important;}

	.text-danger{color:#e73131 !important;}
	.ttl_selection, .personal_infoBox01 h2, .personal_checkBox01 h2{
		border-bottom: 2px solid #00B050 !important;
	}
	h3.title{
		font-size:18px;
		border-bottom:2px solid #00B050;
		margin:10px 0 20px 0;
		padding:0 0 10px 0;
	}
	hr.red{border:1px solid #00B050 !important;}

	.table-responsive{border:none !important;}

	/* header */
	#logo{
		font-size: 15px;
		font-weight: normal;
		margin: 10px 6.5% 10px 2.5%;

	}
	#logo a{
		display:inline;
	}
	#logo img{
		width: 210px;
	}
	#logo span{
		position:relative;
		top:2px;
		left:4px;
	}

	.panel-body{
		padding:0 !important;
	}

	/* contents frame */
	.frame, .frame_imgUpLoad{
		overflow: hidden;
		padding: 10px 5px;
		margin: 10px;
		font-size: 14px;
		border-radius: 5px;
		border: 1px solid #E1E1E1;
		box-shadow: 0.5px 0.5px 4px #E8E8E8 inset;
	}
	.frame .bb_under{
		border-bottom: 1px dotted #ccc;
		display:none;
		margin: 20px 0;
	}
	.mypageFrame{
		overflow: hidden;
		padding: 30px 10px;
		margin: -10px 10px;
		font-size: 16px;
		border-radius: 5px;
		border: 1px solid #E1E1E1;
		box-shadow: 0.5px 0.5px 4px #E8E8E8 inset;
	}

	#headRight .my_loginBox {
		margin: 40px 0 0 0;
	}
	#headRight .bt_question{
		width: auto;
		top: auto;
		right: 105px;
		bottom:58px;
		margin-top: 0;
	}
	#headRight .bt_logout{
		width: auto;
		height:auto;
		top: auto;
		right: 5px;
		bottom:58px;
		margin-top: 0;
	}
	#headRight .bt_question a,
	#headRight .bt_logout a{
		height: 30px;
		line-height: 20px;
	}

	/* user_infoBox */
	#user_infoBox{
		background-color: #E1F9EC;
		padding: 13px 10px 12px 10px;
	}

	/* box */
	.box > .ttl_h2, .box > .ttl_h1{
		table-layout:fixed;
		background-color: #004117;
	}

	.ttl_selection {
		font-size: 18px;
		border-bottom: 2px solid #00B050;
		padding-bottom: 8px;
		padding-top: 10px;
		font-weight: bold;
	}

	.personal_infoBox02 h2{
		font-size: 18px;
		padding-bottom: 8px;
		border-bottom: 2px solid #00B050;
	}
	.personal_checkBox02 h2{
		font-size: 18px;
		padding-bottom: 8px;
		border-bottom: 2px solid #00B050;
	}

	.payment_choiceBox h2{
		padding: 13px 15px;
		font-size: 14px;
		font-weight: bold;
		color: #FFF;
		background-color: #00B050;
	}

	.pay_choice{
		border: 3px solid #00B050;
		margin-bottom: 30px;
	}

	.box-line {
		border: 1px solid #b3b3b3;
		padding: 10px;
		margin-bottom: 15px;
		margin-top: 15px;
	}

	/* footer */
	.footer {
		border-top:none !important;
	}
	#copyright{
		word-break:break-all;
		word-wrap:break-word;
	}

	/* ログインページ */
	.login-mes{
		font-size:14px;
		font-weight:bold;
	}

	/* 会員登録申請  */
	#terms-of-service{
		border:1px solid #dadada !important;
	}
	
	/* マイページ お知らせ欄 */
	.information-icon{
		font-size:16px;
		font-weight:bold;
		margin-left: 20px;
		margin-bottom: 10px;
	}
	.information-icon img{
		max-width: 42px;
		height: auto;
		margin-right: 12px;
	}
	.information-list{
		margin-left: 6px;
	}

	/* 入試検索 */
	.list-group-item{
		border:none;
	}
	.list-group-item a{
		font-size:14px;
	}

	/* 入試選択 */
	.additionalMessage{
		font-size:14px;
		text-align:left;
		margin:30px 20px 0 20px;
	}
	.additionalMessage span{
		color:#f00;
		font-weight:bold;
	}

	/* 志望内容の確認 */
	.cartLayout{
		width:auto;
		border-bottom:1px solid #b4b4b4;
		margin:0 15px 10px 15px;
		padding:0 0 5px 0;
	}

	/*入試検索・志望内容の確認 */
	.mutualAppCaution{
		border:3px solid #f00;
		padding:14px;
		margin:0 0 20px 0;
	}
	.mutualAppCaution p{
		color:#f00;
		font-size:14px;
	}
	.mutualAppCaution .macTitle{
		font-weight:bold;
		text-align:center;
		margin:0 0 10px 0;
	}
	.mutualAppCaution .macMes span{
		font-weight:bold;
	}

	/* 入力フォーム関連 */
	.form_text, .form_text-comp{
		text-align:left;
		margin:15px 0 0 0;
	}
	.form_text-size{
		text-align:left;
		margin:0;
	}
	.form_text h4, .form_text p{
		font-size:15px;
		font-weight:bold;
	}
	.form_text-comp h4{
		font-size:15px;
		font-weight:bold;
		line-height:1.5;
	}
	.form_text-size h4{
		font-size:15px;
	}
	label.currentEmail, label.newEmail{
		display:block;
	}

	/* マイページ登録ページ */
	.osaka_agree{
		font-size:16px !important;
	}
	.osaka_agree label{
		font-size:16px !important;
		font-weight:normal !important;
	}
	.osaka_agree label input{
		margin:0 5px 0 0 !important;
	}
	p.errMesFNormal{
		font-size:16px !important;
		font-weight:normal !important;
		margin:-10px 0 0 0 !important;
	}

	/* メールアドレス変更 */
	.osakaDlMail{
		width:88%;
		padding:0;
		margin:0 auto;
	}
	.user_email, .user_email label{
		width:100% !important;
	}
	/* 個人情報登録・変更フォーム */
	p.education-error{
		margin:10px 0 0 0;
		padding:0 !important;
	}
	.alma_mater, .alma_mater02{
		font-weight:normal;
		margin:10px 0;
	}
	.alma_mater li, .alma_mater02 li{
		font-size:14px;
		float:none;
		margin-bottom:10px;
	}
	.alma_mater li:nth-child(odd), .alma_mater02 li:nth-child(odd){
		width:238px;
	}
	.alma_mater li:nth-child(even), .alma_mater02 li:nth-child(even){
		width:670px;
	}
	.alma_mater li span{
		display:inline;
	}
	.alma_mater02 li span{
		display:block;
	}
	.alma_mater02 li span.date{
		display:inline;
	}
	#parent-school-search{
		margin:0 0 20px !important;
	}
	#parent-school-search .panel-heading{
		background:none;
		border-bottom: 1px dotted #ccc;
		padding:5px;
	}
	#parent-school-search .panel-body{
		border:none;
	}
	#parent-school-search .panel-title a{
		font-size:14px;
		position:relative;
		display:block;
		padding:0 0 0 20px;
	}
	#parent-school-search .panel-title a span{
		display:none;
	}
	#parent-school-search .panel-title a::before{
		width:0;
		height:0;
		border-style:solid;
		border-width:7px 4px 0 4px;
		border-color:#852233 transparent transparent transparent;
		content:'';
		display:inline-block;
		position:absolute;
		top:12px;
		left:0;
	}
	#parent-school-search .panel-title a.collapsed::before{
		border-width:4px 0 4px 7px;
		border-color:transparent transparent transparent #852233;
	}
	.copy-check, .copy-check-exam{
		text-align:center;
	}
	.copy-check label, .copy-check-exam label{
		font-size:14px;
		font-weight:bold;
		text-align:center;
		display:block;
		margin:15px 0 0 0;
	}
	.copy-check input[type="checkbox"], .copy-check-exam input[type="checkbox"]{
		width:20px;
		position:relative;
		top:0;
	}
	.questionnaire label{
		display:block;
		margin-left:0 !important;
	}
	.questionnaire label input{
		width:15px;
		height:15px;
		position:relative;
		top:7px;
	}
	.mesQuestion{
		font-size:14px;
		font-weight:normal;
		margin:10px 0 0 0;
		padding:0;
	}
	/* 支払方法の選択 */
	.erxemption{
		margin:0 0 20px 0;
	}
	.erxemption .title{
		font-size:18px;
		font-weight:bold;
		margin:10px 0;
	}
	.erxemption ul{
		margin:0 0 0 10px;
	}
	.erxemption label{
		width:80%;
		font-weight:normal;
		margin:0 5px 0 0;
	}
	.erxemption input#erxemption-select01{
		position:relative;
		top:-14px;
	}
	.erxemption input[type="radio"]{
		width:20px;
		display:inline;
		margin:0 5px 0 0;
	}
	.erxemption input[type="radio"]#exemption-select01{
		position:relative;
		top:-3px;
	}
	.erxemption input[type="text"]{
		margin:0 0 10px 0;
	}
	.radioInline{
		width:120px;
		display:inline-block;
	}
	.radioInline02{
		width:auto;
		display:inline-block;
	}
	.radioInline .radioInline02{
		position:relative;
		top:-8px;
	}
	.radioInline label, .radioInline02 label{
		font-size:14px;
	}
	.iconInline, .iconInline img, .radioInline input[type="radio"], .radioInline02 input[type="radio"], .radioInline03{
		display:inline !important;
	}
	/* 出願情報詳細 */
	.caution-area{
		color:#f00;
		font-size:16px;
		font-weight:bold;
		text-align:center;
		border:3px solid #f00;
		padding:14px 0
	}
	.print-block .radio-inline{
		width:100px;
		margin-left:0;
	}
	/* エラーページ文言 */
	.errMes{
		font-size:16px;
		font-weight:bold;
		line-height:1.6;
		margin:10px 0;
	}
	.errMes02{
		font-size:12px;
		font-weight:bold;
	}
	/* 入学手続き */
	#admissionProcedure{
		margin:15px 15px 0 15px;
		position:relative;
	}
	#admissionProcedure .feeListBtn{
		height:30px !important;
		position:absolute;
		top:0;
		right:10px;
	}
	#admissionProcedure .feeListBtn a{
		height:30px !important;
		line-height:30px !important;
	}
	#admissionProcedure .description{
		width:auto;
		line-height:1.4;
		margin:40px auto 20px auto;
	}
	#admissionProcedure ul{
		width:auto;
		display:table;
		margin:0 0 20px 0;
	}
	#admissionProcedure li:first-child{
		width:55px;
		display:table-cell;
	}
	#admissionProcedure li:first-child img{
		width:55px;
		height:55px;
		position:relative;
		top:18px;
	}
	#admissionProcedure li:last-child{
		width:auto;
		display:table-cell;
		margin:0;
		padding:0 0 0 10px;
	}
	#admissionProcedure li:last-child p:first-child{
		font-weight:bold;
		margin:0 0 10px 0;
	}
	#admissionProcedure .departmentArea{
		width:auto;
		margin:25px auto;
	}
	#admissionProcedure .departmentArea .titleDepartment{
		width:auto;
		font-weight:bold;
		border-bottom:2px solid #00B050;
		margin:0 0 10px 0;
		padding:0 10px 5px 10px;
	}
	#admissionProcedure .departmentArea .nameDepartment{
		padding:0 10px;
	}
	#admissionProcedure button[type="submit"]{
		width:220px;
		font-size:14px;
		border-radius: 9px !important;
		padding:12px 16px;
	}
	/* 入学金・授業料等の納入 */
	#feeEtcDelivery{
		margin:15px 15px 0 15px;
		position:relative;
	}
	#feeEtcDelivery .feeListBtn{
		height:30px !important;
		position:absolute;
		top:0;
		right:10px;
	}
	#feeEtcDelivery .feeListBtn a{
		height:30px !important;
		line-height:30px !important;
	}
	#feeEtcDelivery .departmentArea{
		width:auto;
		margin:40px auto 25px auto;
	}
	#feeEtcDelivery .departmentArea .titleDepartment{
		width:auto;
		font-weight:bold;
		border-bottom:2px solid #00B050;
		margin:0 0 10px 0;
		padding:0 10px 5px 10px;
	}
	#feeEtcDelivery .departmentArea .nameDepartment{
		padding:0 10px;
	}
	#feeEtcDelivery .description{
		width:auto;
		line-height:1.6;
		margin:0 auto 10px auto;
	}
	#feeEtcDelivery .description span{
		color:#f00;
	}
	#feeEtcDelivery .exemption{
		width:auto;
		line-height:1.6;
		margin:0 auto 20px auto;
	}
	#feeEtcDelivery form{
		margin:0;
		padding:0;
	}
	#feeEtcDelivery form ul{
		width:100%;
		display:table;
		margin:0 0 15px 0;
	}
	#feeEtcDelivery form li:first-child{
		width:30px;
		vertical-align:middle;
		display:table-cell;
	}
	#feeEtcDelivery form li:first-child input[type="radio"]{
		width:20px;
		height:18px;
	}
	#feeEtcDelivery form li:nth-child(2){
		width:auto;
		display:block;
	}
	#feeEtcDelivery form li:last-child{
		width:auto;
		text-align:right;
		display:block;
	}
	#feeEtcDelivery form li:nth-child(2) label,
	#feeEtcDelivery form li:last-child label{
		font-weight:normal;
		display:block;
	}
	#feeEtcDelivery form li:nth-child(2) span{
		color:#f00;
	}
	#feeEtcDelivery .confirmItem{
		width:auto;
		font-weight:bold;
		margin:0 auto 15px auto;
	}
	#feeEtcDelivery .confirm{
		width:auto;
		display:block;
		margin:0 auto 5px auto;
	}
	#feeEtcDelivery .confirm p:first-child{
		width:420px;
		display:block;
	}
	#feeEtcDelivery .confirm p:last-child{
		display:block;
	}
	#feeEtcDelivery .limit{
		width:770px;
		color:#f00;
		margin:0 auto 30px auto;
	}
	
	/* ==========================================================================
   出願profile
   ========================================================================== */

.nyugakuRadio li{
}

.nyugakuRadio input{
	width: 12px;
	margin: 0;
}

.nyugakuRadio span{
	font-size: 16px;
	font-weight:normal;
}

.nyugakuRadio > .help-block{
color: red;
font-size: 19px;
}

}