@charset "utf-8";
/* CSS Document */
/* Show it is fixed to the top */
html {
	position: relative;
	min-height: 100%;
}

a {
	text-decoration: none;
}

/* ページ内リンクがトップバーより下に表示される設定 */
:target {
	padding-top: 4.5rem;
	margin-top: -4.5rem;
}

.navbar {
	background-color: #0068b7;
}

/* navbar-brandのセンタリング */
@media (max-width: 767.98px) {
	.navbar-brand {
		transform: translateX(10%);
		width: 210px;
		height: 50px;
		text-align: center;
		margin: auto;
	}
}

/* navbar */
.navbar-nav .nav-link {
	color: #fff;
}

.navbar-nav .nav-link:hover {
	color: #bbb;
}

.navbar-nav li a.active {
	color: #bbb!important;
	font-weight: bolder;
}

/* スマホ版navbar関連 */
@media (max-width: 767.98px) {
	.navbar-nav > li {
		padding: 0 0.5rem;
		margin-top: -0.2rem;
	}
	
	.navbar-nav > li:first-child {
		padding-top: 1.0rem;
	}
	
	.navbar-nav > li:last-child {
		margin: 0.5rem 0 1.0rem 1.0rem;
		padding: 0 0.8rem;
		background-color: #e60a16;
		width: 8.0rem;
		text-align: center;
		border-radius: 6px;    /* 角丸指定 */
	}
}

/* main */
main {
	overflow: hidden;    /* モバイル端末横揺れ防止 */
}

/* header contents */
header {
	padding-top: 4.0rem;
}

/* header bg */
.h-img-bar {
	background-color: #0068b7;
	padding-bottom: 0.5rem;
}

.h-bg {
	color: #fff;
	background-color: #0068b7;
	padding-bottom: 0.5rem;
	border-radius: 0 0 5px 5px;    /* 角丸指定 */
	max-width: 768px;
}

/* お知らせマーク */
.news-mark {
	display: table-cell;
	width: 86px;
	height: 86px;
	font-size: 1.2rem;
	border: solid 2px #fff;
	border-radius: 50%;
}

@media (max-width: 767.98px) {
	.news-mark {
		width: 56px;
		height: 56px;
		font-size: 0.8rem;
	}
}
	
@media (max-width: 575.98px) {
	.news-mark {
		width: 32px;
		height: 32px;
		font-size: 0.4rem;
		border: solid 1px #fff;
	}
}

/* お知らせ-news/news.htmlのtable-上から2行を読み込んだスタイル設定 */
table#loadArea {
	width: 100%;
	font-size: 90%;
}

@media (max-width: 767.98px) {
	table#loadArea {
		font-size: 80%;
	}
}

table#loadArea tr {
	border-bottom: 1px solid #fff;
 }

table#loadArea tr:first-child {
	border-top: 1px solid #fff;
 }

table#loadArea td {
	vertical-align: top;
	padding: 5px;
}

table#loadArea td:first-child {
	width: 20%;
}

table#loadArea td:last-child {
	padding-left: 6px;
}

/* お知らせ-一覧ボタン */
.btn-news {
	--bs-btn-color:#0068b7;
	--bs-btn-bg:#fff;
	--bs-btn-border-color:#fff;
	--bs-btn-hover-color:#0068b7;
	--bs-btn-hover-bg:#bbb;
	--bs-btn-hover-border-color:#bbb;
	--bs-btn-focus-shadow-rgb:49,132,253;
	--bs-btn-active-color:#0068b7;
	--bs-btn-active-bg:#ccc;
	--bs-btn-active-border-color:#ccc;
	--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color:#fff;
	--bs-btn-disabled-bg:#bbb;
	--bs-btn-disabled-border-color:#bbb;
	--bs-btn-padding-y: .1rem;
	--bs-btn-padding-x: .4rem;
	--bs-btn-border-radius: 1.0rem;
	--bs-btn-font-size: 1.0rem;
	--bs-btn-font-weight: bold;
}

/* modal-お知らせ一覧表示部分 */
.btn-outline-secondary {
	--bs-btn-font-size: 1.0rem;
}

@media (max-width: 767.98px) {
	.btn-outline-secondary {
		--bs-btn-font-size: 0.8rem;
	}
}

.btn-close {
	--bs-btn-close-bg: url("../img/common/x-circle_egao_bl.svg");
	--bs-btn-close-opacity: 1;
	background: transparent var(--bs-btn-close-bg) center/1.8em auto no-repeat;
}

/* section title */
.sec-ttl {
	color: #0068b7;
	background-color: #e2e3e3;
	padding: 0.5rem 1.0rem;
}

/* table */
.list {
	border-collapse: collapse;
	width: 100%;
}
 
.list td {
	vertical-align: top;
	border-bottom: 1px solid #9fa0a0;
	padding: 6px;
}

.list tr:first-child {
	border-top: 1px solid #9fa0a0;  
 }

@media (max-width: 767.98px) {
	.list {
		font-size: 80%;
	}
}

/* 笑顔をとどける育英会について-Googleマップボタン */
/* お問い合わせボタン */
.btn-egao {
	--bs-btn-color:#fff;
	--bs-btn-bg:#0068b7;
	--bs-btn-border-color:#0068b7;
	--bs-btn-hover-color:#fff;
	--bs-btn-hover-bg:#bbb;
	--bs-btn-hover-border-color:#bbb;
	--bs-btn-focus-shadow-rgb:49,132,253;
	--bs-btn-active-color:#fff;
	--bs-btn-active-bg:#ccc;
	--bs-btn-active-border-color:#ccc;
	--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color:#fff;
	--bs-btn-disabled-bg:#bbb;
	--bs-btn-disabled-border-color:#bbb;
	--bs-btn-font-size: 1.0rem;
}

@media (max-width: 767.98px) {
	.btn-egao {
		--bs-btn-font-size: 0.8rem;
	}
}

/* お問い合わせページ-タイトル色 */
@media (max-width: 767.98px) {
	.egao_ct_ttl {
		color: #0068b7;
	}
}

/* お問い合わせフォーム-プレースホルダーの文字色 */
.form-control::placeholder {
	color: #bfc0c0;
}

/* 当奨学金の概要 */
/* プライバシーポリシー */
ol.outline {
	list-style: none;
	counter-reset: number;
	padding: 0;
}

ol.outline li {
	position: relative;
	padding-left: 40px;
}

ol.outline li::before {
	counter-increment: number;
	content: '（' counter(number) '）';
	position: absolute;
	left: 0;
	color: #0068b7;
	font-weight: bolder;
}

ol.outline ul {
	list-style: '・';
	padding-left: 7px;
}

ol.outline ul li {
	padding: 0;
}

ol.outline ul li::before {
	all: initial;
}

ol.outline ol {
	padding-left: 0;
}

ol.outline ol li {
	padding: 0;
	list-style: none;
	padding-left: 25px;
	text-indent: -23px;
}

ol.outline ol li::before {
	all: initial;
}

/* download documents */
.dl-docs-bg {
	background-color: #e2eef5;
	padding: 0.5rem 3.5rem;
}

@media (max-width: 991.98px) { /* streachlink対策 */
	.dl-docs-bg {
		padding: 0.5rem;
	}
}

.dl-docs {
	font-weight: bolder;
	text-align: center;
	font-size: 1.2rem;
	background: url("../img/top/dl-docs.png")  center no-repeat;
	padding: 7px 0;
	margin: 5px 0;
	width: 300px;
	height: auto;
}

.dl-docs a {
	color: #0068b7;
}

.dl-docs a:hover {
	opacity: 0.6;
}

.dl-docs-dmy { /* 横幅768pxおよび1200px以上のレイアウト崩れ対策用ダミー画像 */
	background: url("../img/top/dl-docs-dmy.png")  center no-repeat;
	padding: 7px 0;
	margin: 5px 0;
	width: 300px;
	height: auto;
}

/* bottom nav */
.bottom-nav {
	background-color: #0068b7;
	color: white;
}

.bottom-nav a {
	color: white;
}

.bottom-nav a:hover {
	color: #bbb;
}

/* トップに戻るボタン */
#btn-back-to-top {
	position: fixed;
	color: #e60012;
	font-size: 40px;
	cursor: pointer;
	bottom: 50px;
	right: 25px;
	display: none;
}

/* navbar-icon 枠を消す */
.navbar .navbar-toggler {
    color: rgba(0,0,0,0);
    border-color: rgba(0,0,0,0);
}

/* navbar-icon open */
.navbar .navbar-toggler-icon {
	background-image: url("../img/common/list_egao_w.svg");
}

/* navbar-icon close */ 
.navbar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
	background-image: url("../img/common/x-circle_egao_w.svg");
}

/* お知らせ一覧 */
.news-ttl {
	color: #fff;
	background-color: #0068b7;
	padding: 0.8rem 1.0rem 0.4rem 1.0rem;
}