@charset "utf-8";

/* =========================================================
 PC CSS
========================================================= */
@media print , screen and (min-width:769px) {
	/* 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;
	}
	.marginTop20 {
		margin-top: 20px;
	}
	.marginTop30 {
		margin-top: 30px;
	}
	.marginBottom10 {
		margin-bottom: 10px;
	}
	.marginBottom20 {
		margin-bottom: 20px;
	}
	.marginBottom30 {
		margin-bottom: 30px;
	}
	.marginLeft15 {
		margin-left: 15px;
	}
	.marginLR15 {
		margin-right: 15px;
		margin-left: 15px;
	}
	.marginAll0 {
		margin: 0;
	}
	.marginPC0 {
		margin: 0;
	}
	.paddgin-left0 {
		padding-left: 0 !important;
	}
	.paddgin-left8 {
		padding-left: 8px !important;
	}
	.paddingLeft15 {
		padding-left: 15px;
	}
	.paddingLeft30 {
		padding-left: 30px !important;
	}
	.paddingBottom10 {
		padding-bottom: 10px;
	}
	.fontN {
		font-weight: normal !important;
	}
	.fontB {
		font-weight: bold;
	}
	.borderBottomGray {
		border-bottom: 1px solid #b4b4b4;
	}
	.bbPC {
		border-bottom: 1px dotted #ccc;
		display: block;
		margin: 5px 0 10px 0;
	}
	.bbSP {
		display: none;
	}
	.soOnly {
		display: none;
	}
	.PCOnly {
		display: block;
	}
	.SPOnly {
		display: none;
	}
	.visible {
		display: block !important;
	}
	.text-danger {
		color: #e73131 !important;
	}
	.ttl_selection, .personal_infoBox01 h2, .personal_checkBox01 h2 {
		border-bottom: 2px solid #004117 !important;
	}
	h3.title {
		font-size: 18px;
		border-bottom: 2px solid #004117;
		margin: 0 0 20px 0;
		padding: 0 0 10px 0;
	}
	hr.red {
		border: 1px solid #004117 !important;
	}

	/* header */
	#header {
		height: 78px;
	}
	#logo img {
		/*margin-right: 10px;*/
		width: 370px;
		/*margin-top: 30px;*/
	}
	#logo span {
		font-size: 26px;
		font-weight: bold;
		position: relative;
		top: 21px;
	}
	#headRight {
		top: 0;
	}

	/* footer */
	#footer img {
		margin: 30px;
	}

	/* contents frame */
	.frame {
		width: 940px;
		overflow: hidden;
		padding: 30px 10px;
		margin: 10px auto 30px auto;
		font-size: 16px;
		border-radius: 5px;
		border: 1px solid #E1E1E1;
		box-shadow: 0.5px 0.5px 4px #E8E8E8 inset;
	}
	.frame_imgUpLoad {
		width: 940px;
		overflow: hidden;
		padding: 30px;
		margin: 10px auto 30px auto;
		font-size: 16px;
		border-radius: 5px;
		border: 1px solid #E1E1E1;
		box-shadow: 0.5px 0.5px 4px #E8E8E8 inset;
	}
	.mypageFrame {
		width: 1000px;
		overflow: hidden;
		padding: 30px 10px;
		margin: 10px auto 30px auto;
		font-size: 16px;
		border-radius: 5px;
		border: 1px solid #E1E1E1;
		box-shadow: 0.5px 0.5px 4px #E8E8E8 inset;
	}

	/* user_infoBox */
	#user_infoBox {
		background-color: #1f6d4a;
		padding-top: 34px;
		padding-bottom: 32px;
		min-width: 1000px !important;
	}

	/* box */
	.box>.ttl_h2, .box>.ttl_h1 {
		background-color: #004117;
	}
	.box>.ttl_h1 .inner {
		background-color: #004117 !important;
		min-width: 1000px !important;
	}
	.box>.ttl_h2 .inner {
		background-color: #004117 !important;
		min-width: 1000px !important;
	}
	.ttl_selection {
		font-size: 18px;
		border-bottom: 2px solid #004117;
		padding-bottom: 7px;
		padding-top: 10px;
		font-weight: bold;
	}
	#step_Box li.active {
		background-color: #004117;
		color: #FFF;
		width: 100px;
	}
	#step_Box li span {
		display: table-cell;
		border: 3px solid #004117;
		padding-top: 23px;
		padding-bottom: 19px;
		vertical-align: middle;
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
	}
	#step_Box_head {
		overflow: hidden;
		margin-bottom: 3px;
		margin-right: -23px;
	}
	#step_Box_head li {
		position: relative;
		float: left;
		display: table;
		box-sizing: border-box;
		margin-right: 23px;
		font-size: 16px;
		font-weight: bold;
		width: 97px;
		text-align: center;
	}
	.personal_checkBox01 h2 {
		font-size: 18px;
		padding-bottom: 8px;
		padding-left: 11px;
		border-bottom: 2px solid #004117;
	}
	.personal_infoBox02 {
		font-weight: bold;
	}
	.personal_infoBox02 h2 {
		font-size: 18px;
		padding-bottom: 8px;
		border-bottom: 2px solid #004117;
	}
	.personal_checkBox02 h2 {
		font-size: 18px;
		padding-bottom: 8px;
		padding-left: 11px;
		border-bottom: 2px solid #004117;
	}
	.payment_choiceBox h2 {
		height: 55px;
		line-height: 55px;
		padding-left: 21px;
		font-size: 18px;
		font-weight: bold;
		color: #FFF;
		background-color: #004117;
	}
	.pay_choice {
		border: 3px solid #004117;
		margin-bottom: 30px;
	}

	/* head */
	.alert {
		background: #fff;
		padding: 10px;
		margin: 0;
	}

	/* bt　ボタン */
	.btn-size-large a, .btn-size-large button {
		padding: 15px 120px;
	}

	/* footer */
	#footer {
		margin-top: 0;
	}
	.footer {
		border-top: none !important;
	}

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

	/* マイページ */
	.bt_Box03 p:first-child, .bt_Box03 p:last-child {
		margin: 0 !important;
	}
	.bt_Box03 p:nth-child(2) {
		margin-right: 15px !important;
		margin-left: 15px !important;
	}

	/* マイページ お知らせ欄 */
	.information-icon {
		font-size: 16px;
		font-weight: bold;
		margin-left: 30px;
		margin-bottom: 10px;
	}
	.information-icon img {
		font-size: 16px;
		margin-right: 21px;
	}
	.information-list {
		margin-left: 6px;
	}

	/* 会員登録申請  */
	#terms-of-service {
		border: 1px solid #dadada !important;
	}

	/* 入試検索 */
	.list-group-item {
		border: none;
	}

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

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

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

	/* 入力フォーム関連 */
	.form_text, .form_text-comp, .form_text-size {
		text-align: left;
	}
	.form_text h4, .form_text p {
		font-size: 16px;
		font-weight: bold;
	}
	.form_text-comp h4 {
		font-size: 16px;
		font-weight: bold;
		line-height: 1.6;
	}
	.form_text-size h4 {
		font-size: 15px;
	}
	.form_width, .form_width_edit_mail {
		width: 100% !important;
	}
	.form_width label {
		width: 21% !important;
		font-size: 15px !important;
		text-align: left !important;
		padding-right: 0 !important;
	}
	.form_width_edit_mail label {
		width: 23% !important;
		font-size: 15px !important;
		text-align: left !important;
		padding-right: 0 !important;
	}
	.form_width input, .form_width_edit_mail input {
		width: 65% !important;
	}
	.form_width_profile .control-label, .form-horizontal .control-label {
		font-size: 16px;
		text-align: left !important;
	}
	.parentAddressSearchByZip, .parentAddressSearchByZip {
		margin-top: 0;
	}
	.portraitFileName-error {
		width: auto !important;
		margin-top: -3px !important;
		margin-left: 45px !important;
	}
	.mesQuestion {
		font-size: 16px;
		font-weight: normal;
		margin: 10px 0 0 0;
		padding: 0;
	}

	/* マイページ登録ページ */
	.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: 100%;
		padding: 0;
	}
	.user_email, .user_email label {
		width: 100% !important;
	}

	/* 個人情報登録・変更フォーム */
	.form_checkBox dl.dottedLineNone {
		border-bottom: none;
	}
	p.education-error {
		margin: 10px 0 0 0;
		padding: 0 !important;
	}
	.alma_mater {
		font-weight: normal;
		margin: 10px 0 18px 0;
	}
	.alma_mater02 {
		font-weight: normal;
		margin: 18px 0;
	}
	.alma_mater li, .alma_mater02 li {
		font-size: 16px;
		float: left;
		margin-bottom: 13px;
	}
	.alma_mater li:nth-child(odd) {
		width: 238px;
	}
	.alma_mater li:nth-child(even) {
		width: 670px;
	}
	.alma_mater02 li:nth-child(odd) {
		width: 450px
	}
	.alma_mater02 li:nth-child(even) {
		width: 450px;
	}
	#parent-school-search {
		margin: 0 0 20px !important;
	}
	#parent-school-search .panel-heading {
		background: none;
		border-bottom: 1px dotted #ccc;
	}
	#parent-school-search .panel-body {
		border: none;
	}
	#parent-school-search .panel-title a {
		position: relative;
		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: 8px;
		left: 0;
	}
	.dl_form_personal {
		align-items: flex-start !important;
	}
	#parent-school-search .panel-title a.collapsed::before {
		border-width: 4px 0 4px 7px;
		border-color: transparent transparent transparent #852233;
	}
	.copy-check label {
		font-weight: bold;
		cursor: pointer;
		margin: 0 0 0 15px;
	}
	.copy-check-exam label {
		font-weight: bold;
		cursor: pointer;
		margin: 0;
	}
	.copy-check input[type="checkbox"], .copy-check-exam input[type="checkbox"]
		{
		position: relative;
		top: 10px;
		left: 10px;
	}
	.questionnaire label {
		display: block;
		margin-left: 0 !important;
	}
	.questionnaire label input {
		position: relative;
		top: 0;
	}

	/* 支払方法の選択 */
	.exemption {
		margin: -40px 0 20px 0;
	}
	.exemption .title {
		font-size: 18px;
		font-weight: bold;
		margin: 0;
	}
	.exemption ul {
		margin: 0 0 0 10px;
	}
	.exemption label {
		font-weight: normal;
		margin: 0 5px 0 0;
	}
	.exemption input[type="radio"] {
		margin: 0 5px 0 0;
	}
	.exemption input[type="text"] {
		width: auto !important;
		display: inline !important;
	}
	.radioInline {
		width: 120px;
		display: inline-block;
	}
	.iconInline {
		display: inline;
	}

	/* 出願情報詳細 */
	.caution-area {
		color: #f00;
		font-size: 18px;
		font-weight: bold;
		text-align: center;
		border: 3px solid #f00;
		padding: 18px 0
	}

	/* エラーページ文言 */
	.errMes {
		font-size: 21px;
		font-weight: bold;
		line-height: 1.6;
		margin: 0 0 10px 0;
	}
	.errMes02 {
		font-size: 16px;
		font-weight: bold;
	}
	#full-age-label {
		padding-top: 10px;
	}
	div.form-group.age-block {
		margin-bottom: 0;
	}

	/* 支払金額枠 */
	.fee_Box:before {
		width: 99% !important;
	}

	/* 入学手続き */
	#admissionProcedure {
		position: relative;
		margin: 20px 0 0 0;
	}
	#admissionProcedure .feeListBtn {
		height: 40px !important;
		position: absolute;
		top: 0;
		right: 20px;
	}
	#admissionProcedure .feeListBtn a {
		height: 40px !important;
		line-height: 40px !important;
	}
	#admissionProcedure .description {
		width: 850px;
		line-height: 1.6;
		margin: 0 auto 20px auto;
	}
	#admissionProcedure ul {
		width: 850px;
		display: table;
		margin: 0 auto 30px auto;
	}
	#admissionProcedure li:first-child {
		width: 55px;
		vertical-align: middle;
		display: table-cell;
	}
	#admissionProcedure li:first-child img {
		width: 55px;
		height: 55px;
	}
	#admissionProcedure li:last-child {
		width: 775px;
		display: table-cell;
		margin: 0;
		padding: 0 0 0 20px;
	}
	#admissionProcedure li:last-child p:first-child {
		font-weight: bold;
		margin: 0 0 10px 0;
	}
	#admissionProcedure .departmentArea {
		width: 870px;
		margin: 50px auto;
	}
	#admissionProcedure .departmentArea .titleDepartment {
		width: 200px;
		font-weight: bold;
		text-align: center;
		border-bottom: 2px solid #004117;
		margin: 0 0 10px 0;
		padding: 0 10px 5px 10px;
	}
	#admissionProcedure .departmentArea .nameDepartment {
		margin: 0 0 0 50px;
	}
	#admissionProcedure button[type="submit"] {
		width: 300px;
		border-radius: 9px !important;
		position: relative;
		top: -1px;
		padding: 18px 16px;
	}

	/* 入学金・授業料等の納入 */
	#feeEtcDelivery {
		position: relative;
		margin: 20px 0 0 0;
	}
	#feeEtcDelivery .feeListBtn {
		height: 40px !important;
		position: absolute;
		top: 0;
		right: 20px;
	}
	#feeEtcDelivery .feeListBtn a {
		height: 40px !important;
		line-height: 40px !important;
	}
	#feeEtcDelivery .departmentArea {
		width: 870px;
		margin: 0 auto 30px auto;
	}
	#feeEtcDelivery .departmentArea .titleDepartment {
		width: 200px;
		font-weight: bold;
		text-align: center;
		border-bottom: 2px solid #004117;
		margin: 0 0 10px 0;
		padding: 0 10px 5px 10px;
	}
	#feeEtcDelivery .departmentArea .nameDepartment {
		margin: 0 0 0 50px;
	}
	#feeEtcDelivery .description {
		width: 770px;
		line-height: 1.6;
		margin: 0 auto 20px auto;
	}
	#feeEtcDelivery .description span {
		color: #f00;
	}
	#feeEtcDelivery .exemption {
		width: 770px;
		line-height: 1.6;
		margin: 0 auto 20px auto;
	}
	#feeEtcDelivery form {
		margin: 0;
		padding: 0;
	}
	#feeEtcDelivery form ul {
		width: 770px;
		display: table;
		margin: 0 auto 20px auto;
	}
	#feeEtcDelivery form li:first-child {
		width: 30px;
		vertical-align: middle;
		display: table-cell;
	}
	#feeEtcDelivery form li:nth-child(2) {
		width: 420px;
		display: table-cell;
	}
	#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 form li:last-child {
		width: 95px;
		text-align: right;
	}
	#feeEtcDelivery .confirmItem {
		width: 770px;
		font-weight: bold;
		margin: 0 auto 20px auto;
	}
	#feeEtcDelivery .confirm {
		width: 770px;
		display: table;
		margin: 0 auto 5px auto;
	}
	#feeEtcDelivery .confirm p:first-child {
		width: 420px;
		display: table-cell;
	}
	#feeEtcDelivery .confirm p:last-child {
		display: table-cell;
	}
	#feeEtcDelivery .limit {
		width: 770px;
		color: #f00;
		margin: 0 auto 30px auto;
	}
	#feeEtcDelivery button[type="submit"] {
		width: 310px;
		border-radius: 9px !important;
		padding: 18px 16px;
	}

	/* ==========================================================================
    出願profile
   ========================================================================== */
	.nyugakuRadio li {
		height: 22px;
	}
	.nyugakuRadio input {
		margin: 0;
	}
	.nyugakuRadio span {
		font-size: 16px;
		font-weight: normal;
	}
	.nyugakuRadio>.help-block {
		color: red;
		font-size: 19px;
	}
	.others_label {
		padding-left: 20px;
		padding-right: 10px;
	}
	/* ==========================================================================
    出願申込完了
   ========================================================================== */
	.BoldandSixteen {
		font-size: 16px;
		font-weight: bold;
	}
	.example {
        background-color: #f5f5f5;
        padding: 10px;
    }
}