@charset "utf-8";

/*------------------------------------------------------------------------------
Css name: guide-style.css
Css info: 入学案内カテゴリーのメニュー用コンテンツスタイル
------------------------------------------------------------------------------*/

/*//////////////////////////////////////////////////////// */
/* 共通 */
/*//////////////////////////////////////////////////////// */

/*--- ページタイトル ------------------------------*/

.guide-cat-page .page-ttl-box {
    color: #ff9100;
}
/* タイトル */
@media screen and (max-width:767px){/*スマホ用指定*/

    .guide-cat-page .page-ttl-box .ttl-s1 {
        font-size: clamp(14px, 1.4vw, 14px);
        margin-bottom: 10px;
    }
}
@media print, screen and (min-width:768px){/*タブレット・PC用指定*/

    .guide-cat-page .page-ttl-box .ttl-s1 {
        font-size: clamp(16px, 1.8vw, 18px);
        margin-bottom: 10px;
    }
}
/* レイアウト */
@media screen and (max-width:767px){/*スマホ用指定*/

    .guide-cat-page .content-box {
        margin-top: 16px;
        margin-bottom: 40px;
    }
}
@media print, screen and (min-width:768px){/*タブレット・PC用指定*/

    .guide-cat-page .content-box {
        margin-top: 16px;
        margin-bottom: 160px;
    }
}

/*//////////////////////////////////////////////////////// */
/* 新入生向け入学案内：guide-new-student.html -------------*/
/*//////////////////////////////////////////////////////// */

/*--- 共通パーツ ------------------------------*/

/* 見出し */
#guide-new-student .content-box .ttl-s1 {
    color: #009191;
    font-weight: 700;
	}

@media screen and (max-width:767px){/*スマホ用指定*/

    #guide-new-student .content-box .ttl-s1 {
        font-size: clamp(14px, 1.4vw, 14px);
        margin-bottom: 8px;
    }
}
@media print, screen and (min-width:768px){/*タブレット・PC用指定*/

    #guide-new-student .content-box .ttl-s1 {
        font-size: clamp(15px, 1.5vw, 15px);
        margin-bottom: 10px;
    }
}

/* 文字パーツ */
#guide-new-student .content-box .asterisk {
	color: #ff9100;
	margin-right: 2px;
	display: inline-block;
}
#guide-new-student .content-box .minus {
	color: #ff9100;
	margin-right: 1px;
	display: inline-block;
}

/*--- TOP（入学試験日程） ------------------------------*/

@media screen and (max-width:767px){/*スマホ用指定*/

	#guide-new-student-box01 {
		margin-bottom: 16px;
	}
	#guide-new-student .exam-schedule-table {
        font-size: clamp(14px, 1.4vw, 14px);
    }
}
@media print, screen and (min-width:768px){/*タブレット・PC用指定*/

	#guide-new-student-box01 {
		margin-bottom: 30px;
	}
	#guide-new-student .exam-schedule-table {
        font-size: clamp(14px, 1.4vw, 14px);
    }
}

/* schedule table */
#guide-new-student .exam-schedule-table {
	color: #fff;
	box-sizing: border-box;
	border-collapse: collapse;
	word-wrap: break-word;
	overflow-wrap: break-word;
	table-layout: fixed;
	min-width: 610px;
	margin-bottom: 10px;
	}
	#guide-new-student .exam-schedule-table th,
	#guide-new-student .exam-schedule-table td {
		text-align: center;
		padding: 2px 4px;
	}

/* ボーダー */
#guide-new-student .exam-schedule-table th,
#guide-new-student .exam-schedule-table td {
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
}
#guide-new-student .exam-schedule-table th:nth-child(4),
#guide-new-student .exam-schedule-table td:nth-child(4) {
	border-right: none;
}
#guide-new-student .exam-schedule-table tr:nth-child(5) th,
#guide-new-student .exam-schedule-table tr:nth-child(5) td {
	border-bottom: none
}

/* 色とか */
#guide-new-student .exam-schedule-table td.blank {
	background: #f5e2b6;
}
#guide-new-student .exam-schedule-table tr:nth-child(1) th { background: #d59f56; }

#guide-new-student .exam-schedule-table tr th:nth-child(1) {
	background: #ea884d;
	text-align: left;
}
#guide-new-student .exam-schedule-table .day1 { background: #b57960; }
#guide-new-student .exam-schedule-table .day2 { background: #c45237; }
#guide-new-student .exam-schedule-table .day3 { background: #d76a47; }

/* スクロール */
@media screen and (max-width:767px){/*スマホ用指定*/

	#guide-new-student .scroll-box {
		overflow-x: auto;
		padding-bottom: 10px;
		-webkit-overflow-scrolling: touch;
		margin-bottom: 24px;
	}
    #guide-new-student .scroll-box::before {
        content: "▼横スクロールできます";
        text-align: left;
        color: #999999;
    }
    #guide-new-student .scroll-box::after {
        content: "▲横スクロールできます";
        text-align: left;
        color: #999999;
    }
}

/* 注意事項（リスト） */
#guide-new-student-box01 .lis-s1 li {
	position: relative;
	}
	#guide-new-student-box01 .lis-s1 li::before {
		content: '＊';
		color: #ff9100;
		padding-right: 4px;
	}

/*--- 詳細 ------------------------------*/

/* レイアウト */
@media screen and (max-width:767px){/*スマホ用指定*/

	#guide-new-student-box02 .item-box{
		margin-bottom: 16px;
	}
}
@media print, screen and (min-width:768px){/*タブレット・PC用指定*/

	#guide-new-student-box02 .item-box{
		margin-bottom: 24px;
	}
}

	#guide-new-student-box02 .box-s1 {
		border-top: 1px solid #009191;
		padding-top: 8px;
	}

@media screen and (max-width:767px){/*スマホ用指定*/

    #guide-new-student .ttl-s1 {
        font-size: clamp(14px, 1.4vw, 14px);
        margin-bottom: 8px;
    }
}
@media print, screen and (min-width:768px){/*タブレット・PC用指定*/

    #guide-new-student .ttl-s1 {
        font-size: clamp(15px, 1.5vw, 15px);
        margin-bottom: 10px;
    }
}

/*--- テーブル ------------------------------*/

/* school fee table */
#guide-new-student .school-fee-table {
	box-sizing: border-box;
	border-collapse: collapse;
	word-wrap: break-word;
	overflow-wrap: break-word;
	table-layout: fixed;
	min-width: 460px;
	}
	#guide-new-student .school-fee-table th,
	#guide-new-student .school-fee-table td {
		text-align: center;
		padding: 1px 4px;
	}
	#guide-new-student .school-fee-table th {
		color: #fff;
	}

@media screen and (max-width:767px){/*スマホ用指定*/

	#guide-new-student .school-fee-table {
		margin-bottom: 16px;
	}
}
@media print, screen and (min-width:768px){/*タブレット・PC用指定*/

	#guide-new-student .school-fee-table {
		margin-bottom: 24px;
	}
}

/* ボーダー */
#guide-new-student .school-fee-table th,
#guide-new-student .school-fee-table td {
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
#guide-new-student .school-fee-table th:nth-child(4),
#guide-new-student .school-fee-table td:nth-child(4) {
	border-right: none;
}
#guide-new-student .school-fee-table tr:last-child th,
#guide-new-student .school-fee-table tr:last-child td {
	border-bottom: none
}
/* 色とか */
#guide-new-student .school-fee-table tr th {
	background: #9ec3c6;
}
#guide-new-student .school-fee-table tr:nth-child(2n) td {
	background: #cedddf;
}
#guide-new-student .school-fee-table tr:nth-child(2n+1) td {
	background: #ddd7cb;
}
#guide-new-student .school-fee-table tr:last-child td {
	background: #9ec3c6;
}
/* レイアウト */
#guide-new-student .school-fee-table tr td:nth-child(1) {
	text-align: left;
	padding-left: 24px;
}
#guide-new-student .school-fee-table tr td:nth-child(2),
#guide-new-student .school-fee-table tr td:nth-child(3),
#guide-new-student .school-fee-table tr td:nth-child(4) {
	text-align: right;
	padding-right: 24px;
}

/*--- 個別のアイテムスタイル ------------------------------*/

/* 出願資格 */
#guide-new-student-box02 .item-box02 .ttl-s2 {
	color: #009191;
}
/* (カッコ付き番号) */
#guide-new-student-box02 .item-box02 ol {
	list-style-type: none;
	}
	#guide-new-student-box02 .item-box02 ol > li {
	  counter-increment: cnt;
	}
	#guide-new-student-box02 .item-box02 ol > li:before {
	  content: counter(cnt) ") ";
	}
@media screen and (max-width:767px){/*スマホ用指定*/

	#guide-new-student-box02 .item-box02 ol {
		margin-bottom: 16px;
	}
}
@media print, screen and (min-width:768px){/*タブレット・PC用指定*/

	#guide-new-student-box02 .item-box02 ol {
		margin-bottom: 24px;
		/* (インデント) */
		padding-left: 14px;
	}
}
#guide-new-student-box02 .item-box02 .txt-s2 {
	color: #ff9100;
	font-weight: 900;
}

/* 出願資格 */
/* (カッコ付き番号) */
#guide-new-student-box02 .item-box01 ol {
	list-style-type: none;
	}
	#guide-new-student-box02 .item-box01 ol > li {
	  counter-increment: cnt;
	}
	#guide-new-student-box02 .item-box01 ol > li:before {
	  content: counter(cnt) ") ";
	}
/* (インデント) */
@media print, screen and (min-width:768px){/*タブレット・PC用指定*/

	#guide-new-student-box02 .item-box01 ol {
		padding-left: 14px;
	}
}

/* 学費の納入 */
#guide-new-student-box02 .item-box10 li {
	position: relative;
	}
	#guide-new-student-box02 .item-box10 li:before {
		content: '・';
	}

/* 奨学金について */
#guide-new-student-box02 .item-box12 a {
	color: #555555;
	display: block;
	text-decoration: none;
	word-break: break-all;
}

/* クラーク記念国際高等学校 費用について */
#guide-new-student-box02 .item-box11 .txt-s1 {
	color: #ff9100;
	font-weight: 700;
}
#guide-new-student-box02 .item-box11 .txt-s2 {
	font-weight: 700;
	margin-bottom: 4px;
}
#guide-new-student-box02 .item-box11 .lis-s2 li {
	position: relative;
	}
	#guide-new-student-box02 .item-box11 .lis-s2 li:before {
		content: '・';
	}

@media screen and (max-width:767px){/*スマホ用指定*/

	#guide-new-student-box02 .item-box11 .txt-s1 {
		margin-bottom: 16px;
	}
	#guide-new-student-box02 .item-box11 .lis-s1 {
		margin-bottom: 16px;
	}
}
@media print, screen and (min-width:768px){/*タブレット・PC用指定*/

	#guide-new-student-box02 .item-box11 .txt-s1 {
		margin-bottom: 16px;
	}
	#guide-new-student-box02 .item-box11 .lis-s1 {
		margin-bottom: 24px;
	}
}

/* 教育ローンについて */
#guide-new-student-box02 .item-box13 li {
	position: relative;
	}
	#guide-new-student-box02 .item-box13 li:before {
		content: '・';
	}

#guide-new-student-box02 .item-box13 a {
	color: #555555;
	display: block;
	text-decoration: none;
	word-break: break-all;
}

/* お問い合わせ */
#guide-new-student-box02 .item-box14 .txt-s2{
	position: relative;
	padding-top: 10px;
	padding-left: 16px;
	}
	#guide-new-student-box02 .item-box14 .txt-s2::before {
		content: '＊';
		position: absolute;
		left: 0;
		color: #ff9100;
	}

#guide-new-student-box02 .item-box14 a {
	color: #555555;
	margin-left: 16px;
	display: inline-block;
	text-decoration: none;
	word-break: break-all;
}

/*//////////////////////////////////////////////////////// */
/* 体験授業・学校説明会：orientation.html -------------*/
/*//////////////////////////////////////////////////////// */

/*--- TOPキャプション ------------------------------*/
@media screen and (max-width:767px){/*スマホ用指定*/

	#orientation-box01 {
		margin-bottom: 16px;
	}
}
@media print, screen and (min-width:768px){/*タブレット・PC用指定*/
	
	#orientation-box01 {
		margin-bottom: 30px;
	}
}

/*--- 詳細 ------------------------------*/

/* item-box01：オープンキャンパス */
#orientation-box02 .item-box01 dl{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
@media screen and (max-width:767px){/*スマホ用指定*/
	#orientation-box02 .item-box01 dt {
		width: 60px;
		position: relative;
		}
		#orientation-box02 .item-box01 dt:after {
			content: '：';
		}
	#orientation-box02 .item-box01 dd {
		width: calc(100% - 60px);
	}
}
@media print, screen and (min-width:768px){/*タブレット・PC用指定*/
	#orientation-box02 .item-box01 dt {
		width: 60px;
		position: relative;
		}
		#orientation-box02 .item-box01 dt:after {
			content: '：';
		}
	#orientation-box02 .item-box01 dd {
		width: calc(100% - 60px);
	}
}
/* item-box03：写真付きBOX */
#orientation-box02 .item-box03 .lis-s1 {
	margin-top: 16px;
}
#orientation-box02 .item-box03 .lis-s1 {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	}
	#orientation-box02 .item-box03 .lis-s1 .item-box {
		padding: 8px 5px;
		border-top: 1px solid #009191;
		border-left: 1px solid #009191;
		border-right: 1px solid #009191;
	}

	#orientation-box02 .item-box03 .photo-box {
		margin-bottom: 10px;
	}
	#orientation-box02 .item-box03 .txt-s3 {
		color: #009191;
		font-weight: 700;
	}

@media screen and (max-width:767px){/*スマホ用指定*/

	#orientation-box02 .item-box03 .lis-s1 .item-box {
		width: calc(100% - 10px);
		max-width: 310px;
		margin: 0 auto 24px;
	}

	#orientation-box02 .item-box03 .txt-s3 {
		font-size: clamp(13px, 1.3vw, 13px);
	}
}
@media print, screen and (min-width:768px){/*タブレット・PC用指定*/

	#orientation-box02 .item-box03 .lis-s1 .item-box {
		width: calc(50% - 20px);
		min-width: 310px;
		max-width: 430px;
		margin: 0 0 32px;
	}

	#orientation-box02 .item-box03 .txt-s3 {
		font-size: clamp(15px, 1.5vw, 15px);
	}
}

/* item-box04：個別相談 */
@media screen and (max-width:767px){/*スマホ用指定*/

	#orientation-box02 .item-box04 .txt-s2 {
		margin-top: 24px;
	}
	#orientation-box02 .lis-mark {
		margin-top: 24px;
	}
}
@media print, screen and (min-width:768px){/*タブレット・PC用指定*/

	#orientation-box02 .item-box04 .txt-s2 {
		margin-top: 32px;
	}
	#orientation-box02 .lis-mark {
		margin-top: 24px;
	}
}
/* orientation-box03：ボタン */
@media screen and (max-width:767px){/*スマホ用指定*/

    #orientation-box03 {
		margin-top: 24px;
	}
}
@media print, screen and (min-width:768px){/*タブレット・PC用指定*/

    #orientation-box03 {
		margin-top: 32px;
	}
}

/*--- 共通パーツ ---*/

/* item-box */
#orientation-box02 .item-box {
	border-top: 1px solid #009191;
	padding-top: 10px;
	margin-bottom: 16px;
}
/* 見出し */
#orientation-box02 .item-box .ttl-s1 {
    color: #009191;
    font-weight: 700;
	}

@media screen and (max-width:767px){/*スマホ用指定*/

    #orientation-box02 .item-box .ttl-s1 {
        font-size: clamp(14px, 1.4vw, 14px);
    }
}
@media print, screen and (min-width:768px){/*タブレット・PC用指定*/

    #orientation-box02 .item-box .ttl-s1 {
        font-size: clamp(15px, 1.5vw, 15px);
    }
}

/* 「＊」付きリスト */
#orientation-box02 .lis-mark li {
	position: relative;
	}
	#orientation-box02 .lis-mark li::before {
		content: '＊';
		color: #ff9100;
		padding-right: 4px;
	}

/* 緑文字 */
#orientation-box02 .green {
    color: #009191;
}
/* オレンジ太文字 */
#orientation-box02 .item-box .txt-s2 {
    font-weight: 700;
    color: #ff9100;
	}
	#orientation-box02 .item-box .txt-s2 a {
		text-decoration: none;
	    color: #ff9100;
	}
@media screen and (max-width:767px){/*スマホ用指定*/

	#orientation-box02 .item-box .txt-s2 {
        font-size: clamp(14px, 1.4vw, 14px);
    }
}

@media print, screen and (min-width:768px){/*タブレット・PC用指定*/

	#orientation-box02 .item-box .txt-s2 {
        font-size: clamp(15px, 1.5vw, 15px);
    }
}

/* リンク */
#orientation-box03 a {
	display: inline-block;
	color: #009191;
	text-decoration: none;
	font-weight: 900;
	text-align: center;
	border: 1px solid #009191;
	border-radius: 32px;
	width: calc(100% - 16px);
	}
	#orientation-box03 a span {
		display: inline-block;
		position: relative;
		padding-right: 24px;
		/* margin-left: -12px; */
	}
	#orientation-box03 a span::after {
		content: '';
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 10px 0 10px 16px;
		border-color: transparent transparent transparent #009191;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		margin: auto;
	}

@media screen and (max-width:767px){/*スマホ用指定*/

	#orientation-box03 a {
        font-size: clamp(16px, 1.6vw, 16px);
        padding: 4px 8px;
	}
}
@media print, screen and (min-width:768px){/*タブレット・PC用指定*/

	#orientation-box03 a {
        font-size: clamp(20px, 2.2vw, 22px);
        padding: 10px 24px;
	}
}


/*//////////////////////////////////////////////////////// */
/* 資料請求： inquery.html -------------*/
/*//////////////////////////////////////////////////////// */
#inquery iframe {
	background: #f6f6f6;
}

/*//////////////////////////////////////////////////////// */
/* よくある質問：q-and-a.html -------------*/
/*//////////////////////////////////////////////////////// */

@media screen and (max-width:767px){/*スマホ用指定*/

	#q-and-a .item-box {
		margin-bottom: 16px;
	}
}
@media print, screen and (min-width:768px){/*タブレット・PC用指定*/

	#q-and-a .item-box {
		margin-bottom: 30px;
	}
}

#q-and-a .item-q {
	color: #009191;
	line-height: 1.8;
	}
	#q-and-a .item-q .qq{
		color: #009191;
		margin-right: 4px;
		display: inline-block;
	}

#q-and-a .item-a {
	line-height: 1.8;
	display: none;
	}
	#q-and-a .item-a .aa{
		color: #ff9100;
		margin-right: 4px;
		display: inline-block;
	}