@charset "utf-8";
/* 一般財団法人　紀文奨学財団 /kibun_foundation/ last modified 2023-04-04 -- Since 2023-03-30 */
/* commonのリセット分(共通)
------------------------------------------------------ */
html     { overflow-y: auto; }
#ModalBg { position: absolute; } /* Footerのサイトマップ表示・非表示トグルの補正 */
#Container            { margin-bottom: 0px; width: 100%; }
#Container .org_wrap  { margin: 0 auto; width: 980px; }

/* 430px以下のスタイル */
@media (max-width: 430px) {
#Container .org_wrap_nomargin_top  { margin: 0 auto!important; width: 100%; height: 117px; background: url("/kibun_foundation/img/foundation_main.jpg") no-repeat; background-size: cover; background-position: 50% -38px; }
}


/* 431px以上640px以下のスタイル */
@media (min-width: 431px) and (max-width: 640px) {
#Container .org_wrap_nomargin_top  { margin: 0 auto!important; width: 100%; height: 157px; background: url("/kibun_foundation/img/foundation_main.jpg") no-repeat; background-size: cover; background-position: 50% -72px; }
}

/* 641px以上768px以下のスタイル */
@media (min-width: 641px) and (max-width: 768px) {
#Container .org_wrap_nomargin_top  { margin: 0 auto!important; width: 100%; height: 130px; background: url("/kibun_foundation/img/foundation_main.jpg") no-repeat; background-size: cover; background-position: 50% -146px; }
}

/* 769px以上のスタイル（デスクトップ向け） */
@media (min-width: 769px) {
#Container .org_wrap_nomargin_top  { margin: 0 auto!important; width: 100%; height: 200px; background: url("/kibun_foundation/img/foundation_main.jpg") no-repeat; background-size: cover; background-position: 50% -230px; }
}


@media only screen and (max-width: 768px){
#Container .org_wrap { width: 100%; }
}
sub,sup      { font-size: 75%; }
.pc_only     { }
.sp_only     { display: none; }
span.disp_ib { display: inline-block; }
@media only screen and (max-width: 640px){
.pc_only { display: none; }
.sp_only { display: initial; }
}
.pagetop         { margin: 0 auto; max-width: 1200px; position: relative; }
.pagetop div     { width: calc(25% - 1rem); position: absolute; right: 1em; top: -4em; text-align: center; }
.pagetop div a   { height: calc(3em - 2px); padding-top: 1em; text-decoration: none; display: block; background: #fff; border: 1px solid darkgreen; border-bottom: 0; border-radius: .5em .5em 0 0; }
.pagetop div a i { margin-right: .5em; color: /*darkgreen*/#e60012; }
@media only screen and (max-width: 768px){
.pagetop         { padding: 0; max-width: 100%; }
.pagetop div     { width: 100%; text-align: center; right: 0; }
.pagetop div a   { margin: 0 1em; padding-top: 1em; text-decoration: none; display: block; border: 1px solid darkgreen; border-bottom: 0; border-radius: .5em .5em 0 0; }
.pagetop div a i { margin-right: .5em; color: darkgreen; }
}
/* コンテンツ
--------------------------------------------------------------------------------------------------*/
.foundation_wrap   { padding-bottom: 8em; background: #fff; border-top: solid 4px #e60012; border-bottom: solid 1px #e60012; }
.foundation_wrap * { box-sizing: border-box; font-family: "游ゴシック", "游ゴシック体", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif; }
.foundation_wrap p { margin: 1em 0; color: #000; }
.foundation_wrap a { color: #e60012; }
.foundation_wrap article          { margin: 4em auto!important; }
.foundation_wrap article.org_wrap { padding: 0 4em; }
@media only screen and (max-width: 640px){
.foundation_wrap article          { margin: 2em auto!important; }
.foundation_wrap article.org_wrap { padding: 0 1em; }
}
/*財団　header
---------------------------------------------------------------------------*/
.foundation_header    { margin: 0 auto; max-width: 1000px; padding: 0 10px; }
.foundation_header h1 { margin: 0!important; padding: .5em 0em; color: #000; font-size: 2.2em!important; font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝","MS PMincho", serif; }
@media only screen and (max-width: 768px){
.foundation_header h1 { font-size: 5.5vw!important; }
}
/*財団　イメージカット
---------------------------------------------------------------------------*/
/*.visual { width: 100%; padding-top: 45%; overflow: hidden; background: url(/kibun_foundation/img/GettyImages-496708071.jpg) no-repeat; background-size: cover; background-position: 50% -110px; }*/
#foundation_idx .visual { width: 100%; padding-top: 45%; overflow: hidden; background: url("/kibun_foundation/img/foundation_main.jpg") no-repeat; background-size: cover; background-position: 50% -110px; }

@media only screen and (max-width: 640px) {
#foundation_idx .visual {
        padding-top: 65%;
        background-position: 50% 0;
    }
}

/* アンダーラインタイトル 
---------------------------------------------------------------------------*/
.foundation_wrap h3 { padding: 1em 0 .25em 0; font-size: 2em!important; font-family: 'Yu Gothic', "游ゴシック", 'YuGothic', "游ゴシック体", Hiragino Kaku Gothic ProN, 'Meiryo', sans-serif; color: #e60012; border-bottom: solid 1px #ccc; }
@media only screen and (max-width: 768px){
.foundation_wrap h3 { font-size: 5vw!important; }
}
/* 表組
---------------------------------------------------------------------------*/
.foundation_chart dl    { display: flex; flex-wrap: wrap; border-top: 1px solid #e60012; border-bottom: 1px solid #e60012; line-height: 1.8rem; }
.foundation_chart dl dt { padding: 1.75em 0 0 0; width: 20%; font-weight: bold; font-size: 1.15em; text-align: center; color: #000; background: #f8f5e9;  border-bottom: 1px solid #ccc; }
.foundation_chart dl dd { padding: 1em 2em; margin: 0; border-bottom: 1px solid #ccc; width: 80%; background: #fff; }
.foundation_wrap dl dd p { font-size: 140%;  }
.foundation_chart dl dt.end_dt     { border-bottom: none; }
.foundation_chart dl dd:last-child { border-bottom: none; }
.foundation_chart p.p_ind          { margin-left: 1.25em; position: relative; }
.foundation_chart p.p_ind:before   { content: '※'; position: absolute; left: -1.25em; }

@media screen and (max-width: 640px) {
.foundation_chart dl    { flex-flow: column nowrap; }
.foundation_chart dl dt,
.foundation_chart dl dd { width: 100%; padding: .5em 1em; line-height: 1.5rem; }
.foundation_chart dl dt.end_dt { border-bottom: 1px solid #ccc; }
}
/*ボタン
---------------------------------------------------------------------------*/
.foundation_wrap .pdf_link         { margin: 1em auto; }
.foundation_wrap .pdf_link a       { font-size: 110%; display: inline-block; padding: .5em .75em .5em 1em; text-decoration: none; color: #fff; background: #e60012; border-radius: .25em; }
.foundation_wrap .pdf_link a:after { content: '\f1c1'; font-family: "Font Awesome 5 Free"; font-size: 1em; font-weight: 900; color: #fff; padding-left: .5em; }
.foundation_wrap .doc_link         { margin: 1em auto; text-align: center; }
.foundation_wrap .doc_link a       { font-size: 110%; display: inline-block; padding: .5em 0em .5em 0em; text-decoration: none; color: #fff; background: #e60012; border-radius: .25em; }
.foundation_wrap .doc_link a:after { content: '\f1c2'; font-family: "Font Awesome 5 Free"; font-size: 1em; font-weight: 900; color: #fff; padding-left: .5em; }
@media screen and (max-width: 640px) {
.foundation_wrap dl dd p { text-align: center; font-size: 140%;  }
.foundation_wrap .pdf_link { text-align: center; }
}


/*トップページ　動線ボタン
---------------------------------------------------------------------------*/
.link-area                                  { width: 100%; display: flex; justify-content: space-around; flex-wrap: wrap; margin-top: -28px; }
.link-area .link-area-btn                   { width: 46%; border: solid 1px #CCC; border-radius: 15px; margin-top: 2em; background:#FFF1EB; padding: 0.5em 2em 1em; box-sizing: border-box; }
.link-area .link-area-btn h3                { font-size: 1.2em; margin: 0.8em 0; border-bottom: solid 1px #831D1E; padding-bottom: 0.2em; color: #4c4c4c; } 

.link-area .link-area-btn a h3:before       { content: "\f054"; font-family: "Font Awesome 5 Free"; font-size: 1em; color: #666; margin-right: 0.3em;}
.link-area .link-area-btn a h3:hover:before { color: #e60012; }
.link-area .link-area-btn li                { margin-bottom: 0.7em; }
.link-area .link-area-btn a li              { padding-left: 0.5em;  }
.link-area .link-area-btn a li:before       { content: "\f054"; font-family: "Font Awesome 5 Free"; font-size: 1em; font-weight: 900; color: #666; -webkit-font-smoothing: antialiased; margin-right: 0.3em; }
.link-area .link-area-btn a li:hover:before { color: #e60012; }

.link-area .link-area-btn2                  { width: 46%; border: solid 1px #CCC; border-radius: 15px; margin-top: 2em; background:#f5f3e9; padding: 0.5em 2em 1em; box-sizing: border-box; }
.link-area .link-area-btn2 a                { text-decoration: none; }
.link-area .link-area-btn2 p                { margin: 0!important; padding: 0!important; }
.link-area .link-area-btn2 h3               { font-size: 1.2em!important;  border-bottom: solid 1px #CCC; padding-bottom: 0.2em!important; margin-bottom: 0.8em; color: #4c4c4c; text-decoration: none; }
.link-area .link-area-btn2 a h3:hover        { opacity: 0.8; }
.link-area .link-area-btn2 a h3:before      { content: "\f054"; font-family: "Font Awesome 5 Free"; color: #666; margin-right: 0.3em; }
.link-area .link-area-btn2 a h3:hover:before{ color: #e60012; }
@media screen and (max-width: 430px)        {
.link-area .link-area-btn2                  { width: 100%; }
}


/*トップページ　ニュースエリア
---------------------------------------------------------------------------*/
/*.newsArea h3 { border: none; }*/
.newsArea ul.news {
/*    border-top: #ccc 1px solid;*/
    margin-top: 10px;
}
.newsArea ul.news li {
    border-bottom: solid 1px #ccc; background: #fff;
}
.newsArea ul.news li {
    align-items: center;
    color: #333;
    padding: 18px 0 17px 0;
    text-decoration: none;
    width: 100%;
    display: flex;
}
.newsArea ul.news li .data {
    display: flex;
}
.newsArea ul.news li .data .day { margin: 0 1em; white-space: nowrap!important; }

/*応募資格
---------------------------------------------------------------------------*/
.foundation_chart .require p        { margin-left: 1.25em; position: relative; }
.foundation_chart .require p:before { content: '●'; color: #999; position: absolute; left: -1.25em; }
/*募集要項
---------------------------------------------------------------------------*/
/*#bosyu           { background: #f8f5e9; }*/
#bosyu .org_wrap { margin: 4em auto 0 auto; padding: 2em 4em 4em 4em!important; }
#bosyu p         { display: inline-block; font-weight: 700; font-size: 1.25em; margin-right: 1em; }
#bosyu .pdf_link { display: inline-block; }
@media only screen and (max-width: 640px){
#bosyu .org_wrap { margin: 4em auto 0 auto; padding: 2em 1em 4em 1em!important; }
#bosyu p         { display: block; font-size: 1.15em; margin-right: 1em; }
#bosyu .pdf_link { display: block; text-align: center; }
}
/*所定様式のダウンロード
---------------------------------------------------------------------------*/
.button_list                { display: flex; flex-direction: row; width: 100%; }
.button_list div.doc_link   { padding: 0 1px!important; width: calc(100% / 6); }
.button_list div.doc_link a { /*min-width: 10em; max-width: 10em;*/ width: 100%; display: block; }
@media only screen and (max-width: 768px){
.button_list                { flex-wrap: wrap; justify-content: flex-start; }
.button_list div.doc_link   { width: 33.33%; text-align: left; margin: 1em 0; }
.button_list div.doc_link a { min-width: 10em; text-align: center; }
}
@media only screen and (max-width: 640px){
.button_list div.doc_link   { width: 50%; text-align: left; margin: 1em 0; font-size: 3.5vw; }
}

/* 下層ページのナビゲーション
---------------------------------------------------------------------------*/
#about .gnav { width: 100%; /*height: 50px;*/ border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; }
#about .gnav ul { /*height: 100%;*/ display: flex; gap: 0px; max-width: 1000px; padding: 0 10px; margin: 0 auto; }
#about .gnav ul li { line-height: 2.2; padding: 10px 14px 6px; }
#about .gnav ul a li { color: #000; /*height: 100%; -webkit-box-aligh: center; align-items: center;*/ border-bottom: solid 4px #FFF; }
#about .gnav ul a li:hover { background: #f8f5e9; border-bottom: solid 4px #e60012; box-sizing: border-box; }

@media (min-width: 641px ) {
.about ul a:nth-of-type(2) li { background: #f8f5e9; border-bottom: solid 4px #e60012!important; box-sizing: border-box; }
.scholarships ul a:nth-of-type(3) li { background: #f8f5e9; border-bottom: solid 4px #e60012!important; box-sizing: border-box; }
.message ul a:nth-of-type(4) li { background: #f8f5e9; border-bottom: solid 4px #e60012!important; box-sizing: border-box; }
.disclosure ul a:nth-of-type(5) li { background: #f8f5e9; border-bottom: solid 4px #e60012!important; box-sizing: border-box; }
}

#about nav.sp { display: none; }

@media only screen and (max-width: 640px){
#about .foundation_header { padding-bottom: 00px; }
#about .gnav { display: none; }
#about nav.sp { display: block; border-top: solid 1px #ccc!important; }

#sp-navi-btn ,
#sp-navi-btn span {
	display: block;
	transition: all .3s;
}
#sp-navi-btn {
	display: block;
	width: 35px;
	height: 26px;
	position: absolute;
	right: 30px;
	top: -2px;
}
#sp-navi-btn span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #0a3e73;
	border-radius: 2px;
}
#sp-navi-btn span:nth-of-type(1) {
	top: 0px;
}
#sp-navi-btn span:nth-of-type(2) {
	top: 12px;
}
#sp-navi-btn span:nth-of-type(3) {
	bottom: 0px;
}
#sp-navi-btn.open span:nth-of-type(1) {
	-webkit-transform: translateY(12px) rotate(-45deg);
	transform: translateY(12px) rotate(-45deg);
}
#sp-navi-btn.open span:nth-of-type(2) {
	opacity: 0;
}
#sp-navi-btn.open span:nth-of-type(3) {
	-webkit-transform: translateY(-12px) rotate(45deg);
	transform: translateY(-12px) rotate(45deg);
}

nav {
	margin: 0 !important;
	height: 0px !important;
	overflow: visible;
	width: 100%;
	top: 0px;
	left: 0;
	text-align: left;
}
nav .btn { position: absolute; top: 80px; width: 100%; height: 52px; background: #FFF; z-index: 10; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; }
}

/* 440px以下のスタイル */
@media (max-width: 440px) {
nav .btn { position: absolute; top: 49px; width: 100%; height: 52px; background: #FFF; z-index: 10; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; }
}



nav ul {
	display: none;
	padding: 0;
	position: absolute;
	top: 132px;
	left: 0;
	background:rgba(255,255,255,0.85);
	width: 80%;
	z-index: 999999;
}

nav li {
	display:block;
	border-bottom: 1px solid #ccc;
	background: none;
	float: none;
	height: auto;
	line-height: 55px !important;
	width: 100% !important;
}
nav a li {
	padding: 6px 0px 6px 8%;
	height: auto;
	width: 100% !important;
	text-align: left !important;
	font-size: 100%;
	color: #000 !important;
	display:block;
}
nav a li:hover {
	width: 92% !important;
	text-decoration:none;
	background:#ededed;
	color: #0a3e73 !important;
	display:block;
}
nav a:after li,
nav li a:before li {
	content: none !important;
}
nav ul a li { border-bottom: none!important; }
nav ul a li { background:rgba(255,255,255,0.85)!important; border-bottom: 1px solid #ccc!important; }


@media (max-width: 440px) {
nav ul {
	display: none;
	padding: 0;
	position: absolute;
	top: 101px;
	left: 0;
	background:rgba(255,255,255,0.85);
	width: 80%;
	z-index: 999999;
}

}






/* 財団　footer
---------------------------------------------------------------------------*/
#footer_menu                      { display: none; }
#footer #copyright                { padding: 3em 0!important; background: none; background: #e60012; }
#footer #copyright .inner address { text-align: center; color: #fff; float: none; }
@media only screen and (max-width: 768px){
#footer #copyright { padding: 1em 0!important; }
}