@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);	
body {
	font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#444;
	line-height:1.75;
}
*{box-sizing:border-box;}

.pc-hide-inline{ display:none;}

a:link,a:visited {text-decoration: none;color:#2b2b93;}
a:hover,a:active {text-decoration: underline;color: #2b2b93;}
a.curr { color:#F60;}
.clr { clear:both; font:0; line-height:0;}
.print { display:none}

.responsive-sp { display:none!important;}
.responsive-sp2 { display:block!important;}
.responsive-sp3 { display:inline!important;}

.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.text-center{ text-align:center;}

.blue{ color:#2b2b93;}
/*共通設定*/
.hero{
	max-height: 500px;
	overflow: hidden;
}
#wrapper {width:960px;
margin:0 auto;
padding-top:217px;
background-color:#fff;}
body:not(#index-page) #wrapper{ padding-left:40px; padding-right:40px;}

/*ヘッダー*/
body > header{ position:fixed;width:100%; height:199px; border-top:14px solid #2b2b93;
background:#fff;
display: flex; z-index:30000;
justify-content: space-between;
transition: .4s;
}

body > header > div{ width:960px; margin:0 auto;position:relative;}
body > header > div > :nth-child(1) { position:absolute;top:47px; left:10px;transition: .6s;}
body > header > div > :nth-child(2) { position:absolute;top:52px; left:216px;transition: .8s;}
body > header > div > :nth-child(3) { position:absolute;top:10px; left:606px;transition: .9s;}
body > header > div > :nth-child(4) { position:absolute;top:10px; left:721px;transition: 1.1s;}
body > header > div > :nth-child(5) { position:absolute;top:10px; left:845px;transition: 1.3s;}
body > header > div > :nth-child(6) { position:absolute;top:54px; left:767px;transition: 1.6s;}
/*body > header > div > :nth-child(8) { position:absolute;top:250px; left:calc(100vw - (100vw - 960px)/2 - 200px);
transition: 0.5s;}
body > header > div > :nth-child(7) { position:absolute;top:330px; left:calc(100vw - (100vw - 960px)/2 - 200px);
transition: 0.7s;}
*/

body > header > div > :nth-child(8) { position:fixed;bottom:90px; right:calc(10px);
transition: 0.5s;}
body > header > div > :nth-child(7) { position:fixed;bottom:10px; right:calc(10px);
transition: 0.7s;}



/*anime*/
body > header.transform{border-top:4px solid #2b2b93;
 height:123px;background:#fff;line-height:1;
}
body > header.transform > div{ width:960px; margin:0 auto;position:relative;}
body > header.transform > div > :nth-child(1) { position:absolute;top:10px; left:10px;}
body > header.transform > div > :nth-child(2) { position:absolute;top:15px; left:216px;}
body > header.transform > div > :nth-child(3) { position:absolute;top:-50px; left:606px; }
body > header.transform > div > :nth-child(4) { position:absolute;top:-50px; left:721px;}
body > header.transform > div > :nth-child(5) { position:absolute;top:-50px; left:845px;}
body > header.transform > div > :nth-child(6) { position:absolute;top:10px; left:767px;}
/*body > header.transform > div > :nth-child(8) { position:absolute;top:130px; left:calc(100vw - (100vw - 960px)/2 - 200px);}
body > header.transform > div > :nth-child(7) { position:absolute;top:210px; left:calc(100vw - (100vw - 960px)/2 - 200px);}*/


body > header.transform > div > :nth-child(8) { position:fixed;bottom:190px; right:calc(10px);
transition: 0.5s;}
body > header.transform > div > :nth-child(7) { position:fixed;bottom:115px; right:calc(10px);
transition: 0.7s;}


/*グローバルナビ*/
body > header > nav.nav-pc { width:100%; height:49px; background-image:url(/stf/fr/img/bg_nav01.png); position:absolute; left:0; bottom:0;}
body > header > nav.nav-pc > ul {width:960px; margin:0 auto;}
body > header > nav.nav-pc ul {list-style-type:none;}
body > header > nav.nav-pc > ul > li { float:left;  margin:0}

/*プルダウン部*/
.menu {
    position: relative;
}

.menu > li a {
    display: block;
   color: #fff;
}

.menu > li a:hover {
    color: #999;
}

ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}

ul.menu__third-level {
    visibility: hidden;
    opacity: 0;
}

ul.menu__fourth-level {
    visibility: hidden;
    opacity: 0;
}

.menu > li:hover {
    background: #2b2b93;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.menu__second-level li {
    border-top: 1px solid #111;
}

.menu__third-level li {
    border-top: 1px solid #111;
}

.menu__second-level li a:hover {
    background: #d2ae3a; text-decoration:none; color:#fff;
}

.menu__third-level li a:hover {
    background: #2a1f1f;
}

.menu__fourth-level li a:hover {
    background: #1d0f0f;
}

.init-bottom:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 15px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.menu:before,
.menu:after {
    content: " ";
    display: table;
}

.menu:after {
    clear: both;
}

.menu {
    *zoom: 1;
}

.menu > li.menu__single {
    position: relative;
}

li.menu__single ul.menu__second-level {
    position: absolute;
    top: 40px;
    width: 100%;
    background: #2b2b93;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

li.menu__single:hover ul.menu__second-level {
    top: 49px;
    visibility: visible;
    opacity: 1;
}

li.menu__single ul.menu__second-level li a
{ padding:20px}

/*フッター*/
body:not(#index-page) > footer { border-top:3px solid #2b2b93; margin-top:50px;}
body > footer{ overflow:hidden; background:#f3f3f3;}
body > footer > div:nth-of-type(1){ width:960px; margin:0 auto; color:#2b2b93; padding:54px 0 30px 0;}
body > footer > div:nth-of-type(1) li{list-style-type:none;}
body > footer > div:nth-of-type(1) > ul{ width:33%; float:left;}
body > footer > div:nth-of-type(1) > ul:not(:first-child){ margin-top:30px;}
body > footer > div:nth-of-type(1) > ul > li{ margin-bottom:14px;}
body > footer > div:nth-of-type(1) li li { font-size:12px; margin-left:10px;}

body > footer > div:nth-of-type(2){ background:#2b2b93; padding:14px 0 50px 0; color:#fff;}
body > footer > div:nth-of-type(2) > div{ width:960px; margin:0 auto; }
body > footer > div:nth-of-type(2) > div > div:nth-of-type(1){ width:300px; float:right;}
body > footer > div:nth-of-type(2) > div > div:nth-of-type(2){ width:600px; float:left;}
body > footer > div:nth-of-type(2) a:link,body > footer > div:nth-of-type(2) a:visited {text-decoration: none;color:#fff;}
body > footer > div:nth-of-type(2) a:hover,body > footer > div:nth-of-type(2) a:active {text-decoration: underline;color: #fff;}

/*パンクズリスト*/
#navi { border-bottom:1px solid #ccc; padding:0; margin:0 0 30px 0; line-height:15px; font-size:12px}

/*index.html*/
.index-img{ margin-bottom:60px;}
.index-btn01 > div:nth-of-type(1) { float:left; width:460px;}
.index-btn01 > div:nth-of-type(2) { float:right; width:460px;}
.index-btn01 > div p{ margin:16px 44px 50px 44px;}

.index-news{ background:#f7f2e0;}
.index-news > div{ width:960px; margin:0 auto;}
.index-news > div > div:nth-of-type(1){ float:left; width:680px; margin-top:43px;}
.index-news > div > div:nth-of-type(2){ float:right; width:263px; margin-top:115px;}
.index-news > div > div:nth-of-type(2) > div{ margin-bottom:21px;}
.index-news > div > div:nth-of-type(2) > div:last-child{ margin-bottom:30px;}

/*タブ切り替え全体のスタイル*/
.index-news .tabs {
}
/*タブのスタイル*/
.index-news .tab_item {
height: 27px;
display: block;
float: left;
transition: all 0.3s ease;
margin-bottom:44px;
}
.index-news .tab_item:hover {
opacity: 0.75;
}
/*ラジオボタンを全て消す*/
.index-news input[name="tab_item"] {
display: none;
}
/*タブ切り替えの中身のスタイル*/
.index-news .tab_content {
display: none;
clear: both;
/*overflow: hidden;*/
}
/*選択されているタブのコンテンツのみを表示*/
.index-news #news1:checked ~ #news1_content,
.index-news #news2:checked ~ #news2_content,
.index-news #news3:checked ~ #news3_content {
display: block;
}
/*選択されているタブのスタイルを変える*/
.index-news .tabs input:checked + .tab_item {
}

.in-n1 { width:105px;
background-image:url(/stf/fr/img/btn_index_news01_off.png);
}
.in-n2 {width:105px;
background-image:url(/stf/fr/img/btn_index_news02_off.png); border-right:1px solid #2b2b93; height:20px!important; margin-top:7px;
}
.in-n3 {width:105px;
background-image:url(/stf/fr/img/btn_index_news03_off.png);
}

.index-news .tabs input:checked + .in-n1 {width:150px;
background-image:url(/stf/fr/img/btn_index_news01_on.png);
}
.index-news .tabs input:checked + .in-n2 {width:150px; height:27px!important; margin-top:0px;
background-image:url(/stf/fr/img/btn_index_news02_on.png);
}
.index-news .tabs input:checked + .in-n3 {width:150px;
background-image:url(/stf/fr/img/btn_index_news03_on.png);
}
.in-n1,.in-n2,.in-n3{ background-repeat:no-repeat; background-position:bottom;}

.tab_content .news-box{ float:left; position:relative; background:#fff; width:148px; height:181px; margin:2px 18px 18px 2px; padding:55px 10px 0 10px;
box-shadow:1px 1px 5px 1px rgba(0,0,0,0.1);
border-radius:4px;
}
.tab_content .news-box .title01{ background:#f7ab38;letter-spacing:-0.05em;font-family: 'Noto Sans JP'; font-weight:600; color:#FFF; text-align:center; font-size:14px; border-radius:30px; position:absolute; top:-13px; left:-8px; padding-top:18px; width:60px; height:60px;}
.tab_content .news-box .title02{ background:#09C;letter-spacing:-0.05em;font-family: 'Noto Sans JP'; font-weight:600; color:#FFF; text-align:center; font-size:14px; border-radius:30px; position:absolute; top:-13px; left:-8px; padding-top:18px; width:60px; height:60px;}
.tab_content .news-box .title03{ background:#dbaf4c;letter-spacing:-0.05em;font-family: 'Noto Sans JP'; font-weight:600; color:#FFF; text-align:center; font-size:14px; border-radius:30px; position:absolute; top:-13px; left:-8px; padding-top:18px; width:60px; height:60px;}
.tab_content .news-box .title04{ background:#db4c59;letter-spacing:-0.05em;font-family: 'Noto Sans JP'; font-weight:600; color:#FFF; text-align:center; font-size:14px; border-radius:30px; position:absolute; top:-13px; left:-8px; padding-top:18px; width:60px; height:60px;}
.tab_content .news-box .title05{ background:#09C;letter-spacing:-0.05em;font-family: 'Noto Sans JP'; font-weight:600; color:#FFF; text-align:center; font-size:14px; border-radius:30px; position:absolute; top:-13px; left:-8px; padding-top:18px; width:60px; height:60px;}
.tab_content .news-box .title06{ background:#09C;letter-spacing:-0.05em;font-family: 'Noto Sans JP'; font-weight:600; color:#FFF; text-align:center; font-size:14px; border-radius:30px; position:absolute; top:-13px; left:-8px; padding-top:18px; width:60px; height:60px;}

.tab_content .news-box time{font-family: 'Noto Sans JP'; font-weight:600; color:#000; font-size:20px; margin-top:60px;/*letter-spacing:0.1em;*/}
.tab_content .news-box time span{font-family: 'Noto Sans JP'; font-weight:600; color:#FF0000; font-size:12px;  position:absolute; top:27px; left:3px; height:14px; line-height:1;

background:#FFF; border-radius:30px; display:block; padding:0px 5px; z-index:4000;}
.tab_content .news-box p{ font-size:12px;}
.tab_content .news-box .btn-news{ position:absolute; right:8px; bottom:8px;}
.tab_content .news-box a:link,.tab_content .news-box a:visited {text-decoration: none;color:#444;}
.tab_content .news-box a:hover,.tab_content .news-box a:active {text-decoration: none;color: #999;}
	

/*下層共通*/
.icon{ vertical-align:top; margin-top:5px; margin-right:5px;}
h2.title{font-family: 'Noto Sans JP'; font-weight:600; font-size:24px;color:#2b2b93;
	margin:0 0 20px 0; padding:10px; border-left:4px solid #2b2b93; letter-spacing:0.2em;
	border-radius:4px;
	background-color: #f3f3f3;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #FFF), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #FFF),color-stop(.75, #FFF), color-stop(.75, transparent),to(transparent));
-webkit-background-size: 7px 7px;}

h3.title{font-family: 'Noto Sans JP'; font-weight:600; font-size:18px;color:#2b2b93;
	margin:0 0 10px 0; padding:3px 10px; border-left:4px solid #bf9910; letter-spacing:0.2em;
	border-radius:4px;
	background-color: #efe3b8;background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #FFF), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #FFF),color-stop(.75, #FFF), color-stop(.75, transparent),to(transparent));
-webkit-background-size: 4px 4px;
}
h4.title{font-family: 'Noto Sans JP'; font-weight:600; font-size:17px;color:#2b2b93;
	margin:0 0 8px 0; letter-spacing:0.2em;
	/*border-left:3px solid #2b2b93;*/ padding:0px 0 0 14px; 
}

figure.img-right{ float:right; margin:0 0 10px 10px;display: table;
    width: 10px; /* minimum width */
    *width: auto; /* for IE7 and below */}

figure figcaption{ font-size:12px; margin-top:5px; line-height:1.4;}
figure figcaption.center{ text-align:center;}
section{ margin-bottom:50px;}
.topics{ margin-bottom:20px; border-radius:5px; border:5px solid #eee; padding:10px;}

/*about/index.html*/
.about--index figure img { width:170px; height:auto;}
.about--index figure figcaption { background:#FBEDBD; margin:0; padding:4px;}

/*about/message.html*/
.about--message table{ width:96%; margin-left:1.8%;}
.about--message th{ text-align:center; background-color:#F5FEE7;}
.about--message th,.about--message td{ padding:5px; border:1px solid #CCC;}
.about--message th:nth-of-type(1){ width:15%; }
/*.about--message th:nth-of-type(2){ width:15%; }
.about--message th:nth-of-type(3){ width:15%;}*/
.about--message th:nth-of-type(2){ width:55%;}

/*donate/index.html*/
.btn-kifu { }
.btn-kifu p{ display:block; text-align:center}
.btn-kifu a { background:#ffbb31;  padding:10px 30px; border-radius:5px; color:#fff; font-size:16px; font-weight:bold;text-shadow:0px 0px 2px #b3771d; letter-spacing:0.1em; text-align:center;}
.btn-kifu a:hover{ text-decoration:none;}
.btn-kifu .btn-kifu-text2{font-size:11px}
.donate--index section:not(:first-child) p { padding-left:1.2em; padding-right:1.2em;}
.donate--index table { margin-left:1.2em; }


/*otoiawase/*/
.otoiawase--index table{ width:80%; margin-left:10%;}
.otoiawase--index table th,.otoiawase--index table td{ padding:10px; border-bottom:1px solid #eee;}
.otoiawase--index table th{ width:30%;}
.otoiawase--index table td{ width:70%;}
.otoiawase--index table td pre,form pre {white-space: pre-wrap ; font-weight:normal;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.otoiawase--index table th[colspan="2"]{ width:100%; border:none; text-align:center;}
.otoiawase--index table td input,.otoiawase--index table td textarea{ padding:8px 5px; border:1px solid #ccc; width:100%; border-radius:3px;}
.otoiawase--index table th input[type="submit"]{text-shadow:0px 0px 2px #b3771d; letter-spacing:0.1em; background:#ffbb31;  padding:10px 30px; border-radius:5px; color:#fff; font-size:16px; font-weight:bold; text-align:center; border:none;}
.otoiawase--index table td p { font-size:12px; line-height:20px;}

/*main--index*/
.main--index .card { margin-left:30px}
.main--index .card img{margin:0 10px 0 0; width:80px; height:auto}

.address { background:#eee; padding:15px 20px 20px 20px; margin:0 auto; width:54%}
.address p{ padding:0!important;}
.address .btn-kifu p{ margin-left:0; text-align:center;}
.main--index h3{margin:20px 0}
.main--index .box-main-left { float:left; width:48%; margin-right:4%}
.main--index .box-main-right { float:left; width:48%;}
.main--index section{ margin-bottom:20px; border-radius:5px; border:5px solid #eee; padding:0 15px 15px 15px;}
.main--index .box-main-left section:nth-of-type(1) img { width:20%; height:auto;}
.main--index .box-main-right section:nth-of-type(1) img { width:80%; height:auto;}

.main--index .btn-tit{
	float:right; display:block;
	}
.main--index .btn-tit:not(:nth-of-type(1)){ margin-right:10px}
.main--index .btn-tit a:link,
.main--index .btn-tit a:visited,
.main--index .btn-tit a:hover,
.main--index .btn-tit a:active {text-decoration: none;color:#FFF;

display: inline-block;
font-size: 14px;
font-weight: bold;
color: #ffffff;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(0,0,0, 0.5);
letter-spacing: 0;
border: none;
box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.4);
border-radius: 6px;
text-decoration: none;
padding: 5px 18px;
background: -webkit-gradient(linear, left top, left bottom; color-stop(0.88, #0077db), color-stop(0.00, #3fa1d9));
background: -webkit-linear-gradient(top, #3fa1d9 0%, #0077db 88%);
background: -moz-linear-gradient(top, #3fa1d9 0%, #0077db 88%);
background: -o-linear-gradient(top, #3fa1d9 0%, #0077db 88%);
background: -ms-linear-gradient(top, #3fa1d9 0%, #0077db 88%);
background: linear-gradient(to bottom, #3fa1d9 0%, #0077db 88%);

}


.main--inheritance ol{ list-style-type:none;padding-left:1.0em; padding-right:1.0em; display:flex; flex-direction:column;margin-top:30px;}
.main--inheritance ol li { padding:20px; border:1px solid #eee; background-color:#fcfad7;  margin-bottom:50px;position:relative; width:65%;
}
.main--inheritance ol li:not(:last-child):after{content:"\f107";
font-family:'Font Awesome 5 Free';font-weight:600;color:#eee; font-size:50px; position:absolute;bottom:-70px; left:70px; z-index:500;
}
.main--inheritance ol li span{ position:absolute; top:-10px; left:-10px; width:28px; height:28px; border-radius:500px;background-color:#ccc;color:#2b2b93; font-size:18px; text-align:center; font-weight:bold;}





.main--legacy ol{ list-style-type:none;padding-left:1.0em; padding-right:1.0em; display:flex; flex-direction:column;margin-top:30px;}
.main--legacy ol li { padding:20px; border:1px solid #eee; background-color:#fcfad7;  margin-bottom:50px;position:relative; width:100%;
}
.main--legacy ol li:not(:last-child):after{content:"\f107";
font-family:'Font Awesome 5 Free';font-weight:600;color:#eee; font-size:50px; position:absolute;bottom:-70px; left:70px; z-index:500;
}
.main--legacy ol li span{ position:absolute; top:-10px; left:-10px; width:28px; height:28px; border-radius:500px;background-color:#ccc;color:#2b2b93; font-size:18px; text-align:center; font-weight:bold;}








/*faq--index*/
.faq--index .question{padding-left:2.25em; margin-bottom:10px; font-weight:bold;}
.faq--index section { margin:0 0 30px 0}
.faq--index section h3 { margin-bottom:20px}
.faq--index section p:nth-of-type(1){ margin-top:10px;}
.faq--index .answer{ padding-left:2.25em;margin-bottom:15px; border-bottom:1px solid #ddd; padding-bottom:15px;}
.faq--index .answer:nth-last-of-type(1){ border:none}
.faq--index .question span,
.faq--index .answer span{ background:#7DC02C; height:24px;width:24px; display:inline-block; border-radius:100px; margin-right:5px; color:#fff; text-align:center; font-size:13px; font-weight:bold; line-height:26px; vertical-align:0px;margin-left:-2.25em; }
.faq--index .answer span{ background:#D1691D;}

/*bunkyo_form2--index*/
.bunkyo_form2--index table{ width:80%; margin-left:10%;}
.bunkyo_form2--index table th,
.bunkyo_form2--index table td{ padding:10px; border-bottom:1px solid #eee;}
.bunkyo_form2--index table th{ width:30%;}
.bunkyo_form2--index table td{ width:70%;font-size:14px; line-height:20px;}
.bunkyo_form2--index table th[colspan="2"],
.bunkyo_form2--index table th[colspan="2"] p{ width:100%; border:none; text-align:center;}
.bunkyo_form2--index table tr:not(:last-child) th[colspan="2"]{border-bottom:1px solid #eee; font-weight:normal;}
.bunkyo_form2--index table td input,
.bunkyo_form2--index table td textarea,
.bunkyo_form2--index table th textarea{ padding:8px 5px; border:1px solid #ccc; width:100%; border-radius:3px;}
.bunkyo_form2--index table th input[type="submit"]{text-shadow:0px 0px 2px #b3771d; letter-spacing:0.1em; background:#ffbb31;  padding:10px 30px; border-radius:5px; color:#fff; font-size:16px; font-weight:bold; text-align:center; border:none;}
.bunkyo_form2--index table td p { font-size:14px; line-height:20px;}
.bunkyo_form2--index table td input:last-of-type{ margin-bottom:5px;}
.bunkyo_form2--index table th span{ color:#F30;}
.bunkyo_form2--index table td .form-f02{ width:47%; margin-right:3%;}
.bunkyo_form2--index table td .form-f02:last-of-type{ width:47%; margin-right:0;}
.bunkyo_form2--index table td .form-f03 { width:75%; margin-bottom:20px;}
.bunkyo_form2--index table td .form-f04{ width:30%; margin-right:3%;}
.bunkyo_form2--index table td .form-f04:last-of-type{ width:30%; margin-right:0;}
/*.bunkyo_form2--index table td .form-f03:last-of-type{ margin-bottom:5px;}*/
.bunkyo_form2--index table td input[type="radio"]{vertical-align:middle; margin:0;width:auto; border:none;}
/*.bunkyo_form2--index table td input[type="radio"]:not(:first-child){ margin-left:1em;}
.bunkyo_form2--index table td.radio-n input[type="radio"]:not(:first-child){margin-left:0;}*/
.bunkyo_form2--index table td input[type="checkbox"]{ margin:0 0 0 40%; width:auto;}
.bunkyo_form2--index .form-text01{ color:red; font-size:160%; font-weight:bold;}


.report--02 .txt{ text-align:right}
.report--02 .txt span { margin-right:20px;}

/*ニュース　アーカイブ*/
#news-index-page .index-news .tabs { width:1020px}

/*sitemap index*/
.sitemap--index {}
.sitemap--index .sitemap{ padding-left:30px;}
.sitemap--index .sitemap li {list-style-type:none;}
.sitemap--index .sitemap>ul { display:block; width:40%; margin-right:5%;
 float:left; }
.sitemap--index .sitemap>ul > li{ margin-bottom:14px; border-bottom:1px solid #999; padding-bottom:10px;}
.sitemap--index .sitemap li li { font-size:12px; margin-left:10px;}


/**/

.donate--syurui .topics{ width:60%; margin:20px auto 40px auto; padding:20px;}
.donate--syurui p,
.privacy--index p,
.about--message p,
.main--nagare p,
.main--houzin p,
.main--inheritance p,
.merit--index p,
.kensyou--index p,
.report--index p,
.report--02 p{padding-left:1.0em; padding-right:1.0em}

/*東京あだちキャンパス開設募金　募集要項*/
.adachi-txt{ border:1px solid #666; padding:5px 10px; border-radius:2px; background-color:#f6f6f6; margin-left:auto; float:right;}
.adachi-txt i{ margin-right:0.5em;}


.adachi-img{ display:flex;flex-wrap:wrap; margin:0 20px; justify-content:space-between;}
.adachi-img figure{ width:410px; margin-bottom:30px;}
.adachi-img figure img{ max-width:100%; height:auto;}
.adachi-img figcaption{}

.adachi-img2{ display:flex;flex-wrap:wrap; margin:0 20px; justify-content:space-between;}
.adachi-img2 figure{ width:410px; margin-bottom:30px;}
.adachi-img2 figure img{ max-width:100%; height:auto;}
.adachi-img2 figcaption{}
.adachi-img2 table{ width:96%; margin-left:1.8%;}
.adachi-img2 th{ text-align:center; background-color:#F5FEE7;}
.adachi-img2 th,.adachi-img2 td{ padding:5px; border:1px solid #CCC;}


.report--index table[align="center"]{ margin-left:auto; margin-right:auto; margin-top:10px;}


.index-btn01 > div:nth-of-type(2) { position:relative;}


.corona_fukidashi{position:relative;}
.fukidashi{position:absolute; top:-60px; right:-50px; z-index:3;}

/*文教大学学園古本募金（文教サポーターズ募金）*/



.donate--support .support-flowchart{ width:670px; margin:0 auto;}
.donate--support h4{ font-size:18px;}
.donate--support .support-flowchart .support-step{ position:relative; border-bottom:1px solid #989898; display:flex; font-size:16px; padding:95px 0;}
.donate--support .support-flowchart .support-step:last-child{ position:relative; border-bottom:none; display:flex; font-size:16px; padding:95px 0;}
.donate--support .support-flowchart .support-step:after{ content:""; position:absolute; bottom:-29px; left:50%; background-image:url(/stf/fr/img/supp02.jpg);width:46px; height:28px;}
.donate--support .support-flowchart .support-step:last-child:after{ content:""; position:absolute; bottom:-29px; left:50%; background-image:none;width:46px; height:28px;}
.donate--support .support-flowchart .support-step>div:nth-of-type(1){ width:50%; display:flex; justify-content:center; align-items:center;}
.donate--support .support-flowchart .support-step>div:nth-of-type(2){ width:50%; display:flex; flex-direction:column; justify-content:center;align-items:flex-start;}
.donate--support .support-flowchart .support-step h5{ border-radius:100px; display:inline-block; padding:1px 10px; color:#fff; background-color:#2b2b93; font-size:12px; font-weight:bold; margin-bottom:16px;}
.donate--support .abs{ position: absolute; bottom: -30px; right: 25%;}
.donate--support .btn-kifu.check a { padding-left: 3em; padding-right: 3em;}

@media screen and (max-width:750px){
img{max-width: 100%;height: auto;width /***/:auto;}
.pc-hide-inline{ display:inline;}
.responsive-sp { display:block!important;}
.responsive-sp2,.responsive-sp3 { display:none!important;}
#wrapper { width:100%; margin:0; padding:10px 10px 0 10px;}
body:not(#index-page) #wrapper{ padding-left:10px; padding-right:10px;}
.hero{ display:none;}
/*ヘッダー*/
body > header{ position:relative;border-top:4px solid #2b2b93;width:100%;height:30vh;min-height:190px;line-height:1; text-align:center;}
body > header > div{ width:100%;}
body > header > div > :nth-child(1) { position:absolute;
top:1.2vh; left: 50%;transform: translate(-50%, 0);transition:.5s; width:35vw;}
body > header > div > :nth-child(2) { position:absolute;
top:10vh; left:50%;transform: translate(-50%, 0);transition:.7s; width:70vw; max-width:330px}
body > header > div > :nth-child(3) { position:absolute;
top:-50px; left:62vw;transition:.5s;width:30vw}
body > header > div > :nth-child(4) { position:absolute;
top:-50px; left:62vw;transition: 1.1s;width:30vw}
body > header > div > :nth-child(5) { position:absolute;
top:-50px; left:62vw;transition: 1.3s;width:30vw}
body > header > div > :nth-child(6) { position:absolute;
top:18vh; left: 50%;transform: translate(-50%, 0); width:60vw;transition: .9s; text-align:center;}


.index-btn01 > div:nth-of-type(2) { position:relative; margin-top:20px;}
.fukidashi{display:none;position:absolute; top:-80px; left:20%; z-index:3;}

/*anime*/
body > header.transform{
position:relative;border-top:4px solid #2b2b93;width:100%;height:30vh;min-height:190px;line-height:1;
}
body > header.transform > div{ width:100%;}
body > header.transform > div > :nth-child(1) { top:1.2vh; left: 50%;transform: translate(-50%, 0); width:35vw;}
body > header.transform > div > :nth-child(2) { top:10vh; left:50%;}
body > header.transform > div > :nth-child(3) { top:-50px; left:62vw;}
body > header.transform > div > :nth-child(4) { top:-50px; left:62vw;}
body > header.transform > div > :nth-child(5) { top:-50px; left:62vw;}
body > header.transform > div > :nth-child(6) { top:18vh;left: 50%;transform: translate(-50%, 0);}
body > header.transform > div > :nth-child(7),
body > header.transform > div > :nth-child(8) { top:-100px; left:calc(100vw - (100vw - 960px)/2 - 200px); display:none;}
body > header > div > :nth-child(7),
body > header > div > :nth-child(8) {top:-100px; left:calc(100vw - (100vw - 960px)/2 - 200px);display:none;}



/*グローバルナビ*/
body > header > nav.nav-pc { width:100%; height:2px; background-image:url(/stf/fr/img/bg_nav01.png); background-position:bottom; position:absolute; left:0; bottom:0;}
body > header > nav.nav-pc ul {display:none}

/*グローバルナビ*/

/*アコーディオン部*/
/*ボックス全体*/
.accbox {
    margin: 0 0 5px 0;
    padding: 0;
}
.accbox ul{ list-style-type:none;}

/*ラベル*/
.accbox label {
    display: block; float:left;margin:0 1% 1% 0; width:33%; text-align:center;
    padding :2%;
    font-family: 'Noto Sans JP';font-weight:600; font-size:3.5vw; color:#2b2b93;
	border-radius:1px;
    font-weight: bold;
    background :#a4cbf3;
    cursor :pointer;
    transition: all 0.5s;
}
.accbox label:nth-of-type(3n){ margin-right:0; width:32%;}
.accbox label a{ width:auto; height:auto; display:block; font-family: 'Noto Sans JP';font-weight:600; font-size:3.5vw; color:#2b2b93;text-align:center;}

/*ラベルホバー時*/
.accbox label:hover,.accbox label:hover a {
    background :#85baef;
}

/*チェックは隠す*/
.accbox input {
    display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {font-size:3.5vw; display:block;
    height: 0; 
    padding: 0;
    overflow: hidden;
    opacity: 0;
   
}

/*クリックで中身表示*/
.cssacc:checked + .accshow { clear:both;
    height: auto;
    padding: 15px;
    background: #eaeaea; margin-bottom:5px;
    opacity: 1; transition: 0.3s;
}






.drawer-nav{ padding:10px 0px;}
.drawer-menu {font-family: 'Noto Sans JP'; font-weight:600; color:#000; font-size:16px;}
.drawer-menu li{ margin-bottom:10px;}
.drawer-nav ul{ list-style-type:none;}
.drawer-nav > ul{ padding:0 10px;}
.drawer-nav > ul>li { border-bottom:1px solid #ddd; padding-bottom:7px}
.drawer-nav li li { padding-left:1em; font-size:80%; line-height:1.4; margin-bottom:10px;}
.drawer-nav li li:first-child{ margin-top:10px;}


/*フッター*/

body > footer > div:nth-of-type(1){ width:100%; margin:0 auto; color:#2b2b93; padding:54px 10px 0 10px;}
body > footer > div:nth-of-type(1) > ul{ width:48%; float:left;}
body > footer > div:nth-of-type(1) > ul:not(:first-child){ margin-top:0;}
body > footer > div:nth-of-type(1) > ul > li{ margin-bottom:14px;}
body > footer > div:nth-of-type(1) li li { font-size:12px; margin-left:10px;}

body > footer > div:nth-of-type(2){ background:#2b2b93; padding:14px 10px 20px 10px; color:#fff;}
body > footer > div:nth-of-type(2) > div{ width:100%; margin:0 auto; }
body > footer > div:nth-of-type(2) > div > div:nth-of-type(1){ width:100%; float:none; margin-bottom:15px;}
body > footer > div:nth-of-type(2) > div > div:nth-of-type(2){ width:100%; float:none;}
body > footer > div:nth-of-type(2) a:link,body > footer > div:nth-of-type(2) a:visited {text-decoration: none;color:#fff;}
body > footer > div:nth-of-type(2) a:hover,body > footer > div:nth-of-type(2) a:active {text-decoration: underline;color: #fff;}


/*donate/index.html*/
.btn-kifu a { padding:10px 15px; border-radius:5px; color:#fff; font-size:15px; font-weight:bold;text-shadow:0px 0px 2px #b3771d; letter-spacing:0em; text-align:center;}

/*donate/index.html*/
.donate--index table td { display:block;}
.donate--index table td:nth-of-type(2) { padding-left:1em}

	
/*index.html*/
.index-img{ margin-bottom:20px;}
.index-btn01 > div:nth-of-type(1) { float:none; width:100%; margin-bottom:10px;}
.index-btn01 > div:nth-of-type(2) { float:none; width:100%;}
.index-btn01 > div p{ margin:16px 10px 20px 10px;}

.index-news{ background:#f7f2e0; padding-top:10px;}
.index-news > div{ width:100%; margin:0 auto;}
.index-news > div > div:nth-of-type(1){ float:none; width:100%; margin-top:0px; margin-bottom:20px}
.index-news > div > div:nth-of-type(2){ float:none; width:100%; margin-top:0px;margin-bottom:20px; }
.index-news > div > div:nth-of-type(2) > div{ margin-bottom:21px;text-align:center}
.index-news > div > div:nth-of-type(2) > div:last-child{ margin-bottom:30px;}

/*タブのスタイル*/
.index-news .tab_item {
height: 27px;
display: block;
float: left;
transition: all 0.3s ease;
margin-top:20px;
margin-bottom:30px;
}
.index-news .tab_item:hover {
opacity:1;
}





.in-n2 { border-right:none; height:27px!important; margin-top:0px;
}

.index-news .tabs input:checked + .in-n2 {height:27px!important; margin-top:20px;}

.in-n1 { width:20%; margin-left:3%;
background-size:contain;
}
.in-n2 {width:20%;margin-left:3%;
background-size:contain;
}
.in-n3 {width:20%; margin-left:3%;
background-size:contain;
}

.index-news .tabs input:checked + .in-n1 {width:34%; margin-left:3%;
background-size:contain;
}
.index-news .tabs input:checked + .in-n2 {width:34%; margin-left:3%;
background-size:contain;
}
.index-news .tabs input:checked + .in-n3 {width:34%; margin-left:3%;
background-size:contain;
}

.tab_content .news-box{ float:none; position:relative; width:90%; height:120px; margin:0px auto 18px auto; padding:15px 10px 0 10px;
box-shadow:1px 1px 5px 1px rgba(0,0,0,0.1);
border-radius:4px;
}
.tab_content .news-box .title01{ background:#f7ab38;letter-spacing:-0.05em;font-family: 'Noto Sans JP'; font-weight:600; color:#FFF; text-align:center; font-size:14px; border-radius:30px; position:absolute; top:-13px; left:-8px; padding-top:20px; width:60px; height:60px;}
.tab_content .news-box .title02{ background:#09C;letter-spacing:0em;font-family: 'Noto Sans JP'; font-weight:600; color:#FFF; text-align:center; font-size:14px; border-radius:30px; position:absolute; top:-13px; left:-8px; padding-top:20px; width:60px; height:60px;}
.tab_content .news-box .title03{ background:#dbaf4c;letter-spacing:-0.05em;font-family: 'Noto Sans JP'; font-weight:600; color:#FFF; text-align:center; font-size:14px; border-radius:30px; position:absolute; top:-13px; left:-8px; padding-top:20px; width:60px; height:60px;}
.tab_content .news-box .title04{ background:#db4c59;letter-spacing:-0.05em;font-family: 'Noto Sans JP'; font-weight:600; color:#FFF; text-align:center; font-size:14px; border-radius:30px; position:absolute; top:-13px; left:-8px; padding-top:20px; width:60px; height:60px;}
.tab_content .news-box .title05{ background:#09C;letter-spacing:-0.05em;font-family: 'Noto Sans JP'; font-weight:600; color:#FFF; text-align:center; font-size:14px; border-radius:30px; position:absolute; top:-13px; left:-8px; padding-top:20px; width:60px; height:60px;}
.tab_content .news-box .title06{ background:#09C;letter-spacing:-0.05em;font-family: 'Noto Sans JP'; font-weight:600; color:#FFF; text-align:center; font-size:14px; border-radius:30px; position:absolute; top:-13px; left:-8px; padding-top:20px; width:60px; height:60px;}

.tab_content .news-box time{ font-size:20px; margin-top:0px; padding-left:2.4em;}
.tab_content .news-box p{ font-size:13px; margin-top:5px;}
.tab_content .news-box .btn-news{ position:absolute; right:8px; bottom:8px;}
.tab_content .news-box a:link,.tab_content .news-box a:visited {text-decoration: none;color:#444;}
.tab_content .news-box a:hover,.tab_content .news-box a:active {text-decoration: none;color: #999;}


/*下層共通*/


figure img{ max-width:none;}

figure figcaption{ font-size:12px; margin-top:5px; line-height:1.4;}

/*otoiawase/*/
.otoiawase--index table{ width:100%; margin-left:0%;}
.otoiawase--index table th{ padding:0px; border-bottom:none;}
.otoiawase--index table td{ padding:10px; border-bottom:1px solid #eee;}
.otoiawase--index table th{ width:100%; display:block;}
.otoiawase--index table td{ width:100%;display:block; margin-bottom:10px;}
.otoiawase--index table th[colspan="2"]{ width:100%; border:none; text-align:center;}
.otoiawase--index table td input,.otoiawase--index table td textarea{ padding:8px 5px; border:1px solid #ccc; width:100%; border-radius:3px;}
.otoiawase--index table th input[type="submit"]{ background:#ffbc34; color:#FFF; padding:15px 40px; border-radius:5px; border:none;}
.otoiawase--index table td p { font-size:12px}

/*about/message.html*/
.about--message table{ width:96%; margin-left:1.8%;}
.about--message th,.about--message td{ padding:5px; border:none; border-bottom:1px solid #CCC; display:block;}
.about--message td:nth-of-type(4){ margin-bottom:30px;border-bottom:1px solid #999;}
.about--message th{ display:none}
.about--message th:nth-of-type(1){ width:100%; }
/*.about--message th:nth-of-type(2){ width:100%; }
.about--message th:nth-of-type(3){ width:100%;}*/
.about--message th:nth-of-type(2){ width:100%;}
.about--message td:nth-of-type(1){ width:100%; }
/*.about--message td:nth-of-type(2){ width:100%; }
.about--message td:nth-of-type(3){ width:100%;}*/
.about--message td:nth-of-type(2){ width:100%; margin-bottom:40px}
.about--message td:nth-of-type(1):before{ content:"区分"; font-weight:bold; width:90px; height:auto; display:inline-block;background:#AEE2E9; text-align:center; margin-right:5px; border-radius:50px;}
/*.about--message td:nth-of-type(2):before{ content:"日　付"; font-weight:bold; width:90px; height:auto; display:inline-block;background:#AEE2E9; text-align:center; margin-right:5px; border-radius:50px;}
.about--message td:nth-of-type(3):before{ content:"金　額"; font-weight:bold; width:90px; height:auto; display:inline-block;background:#AEE2E9; text-align:center; margin-right:5px; border-radius:50px;}*/
.about--message td:nth-of-type(2):before{ content:"メッセージ"; font-weight:bold; width:90px; height:auto; display:inline-block;background:#AEE2E9; text-align:center; margin-right:5px; border-radius:50px;}

/*main--index*/
.main--index .card { margin-left:30px}
.main--index .card img{margin:0 2% 0 0; width:45%}
.main--index .address { background:#eee; padding:20px; margin:0; width:100%}
.main--index .address .btn-kifu p{ margin-left:0; text-align:center;}
.main--index .box-main-left { float:none; width:100%; margin-right:0%}
.main--index .box-main-right { float:none; width:100%;}
.address { background:#eee; padding:1em 1em 1.5em 1em; margin:0 auto; width:auto}
.main--index section{ margin-bottom:40px; border-radius:0px; border:none; padding:0;}
.main--index .box-main-left section:nth-of-type(1) img { width:20%; height:auto;}
.main--index .box-main-right section:nth-of-type(1) img { width:80%; height:auto;}

.main--index .btn-tit{


	}
.main--index .btn-tit a:link,
.main--index .btn-tit a:visited,
.main--index .btn-tit a:hover,
.main--index .btn-tit a:active {text-decoration: none;color:#FFF;

display: inline-block;
font-size: 12px;
font-weight: bold;
color: #ffffff;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(0,0,0, 0.5);
letter-spacing: 0;
border: none;
box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.4);
border-radius: 6px;
text-decoration: none;
padding: 3px 15px;
background: -webkit-gradient(linear, left top, left bottom; color-stop(0.88, #0077db), color-stop(0.00, #3fa1d9));
background: -webkit-linear-gradient(top, #3fa1d9 0%, #0077db 88%);
background: -moz-linear-gradient(top, #3fa1d9 0%, #0077db 88%);
background: -o-linear-gradient(top, #3fa1d9 0%, #0077db 88%);
background: -ms-linear-gradient(top, #3fa1d9 0%, #0077db 88%);
background: linear-gradient(to bottom, #3fa1d9 0%, #0077db 88%);

}

.main--inheritance ol li {  width:100%;}


/*bunkyo_form2--index*/

.bunkyo_form2--index table{ width:100%; margin-left:0%;}
.bunkyo_form2--index table th{ padding:0px; border-bottom:none;}
.bunkyo_form2--index table td{ padding:10px; border-bottom:1px solid #eee;}
.bunkyo_form2--index table th{ width:100%; display:block;}
.bunkyo_form2--index table td{ width:100%;display:block; margin-bottom:10px;}

.bunkyo_form2--index table td input,
.bunkyo_form2--index table td textarea{ padding:8px 5px; border:1px solid #ccc; width:100%; border-radius:3px;}
.bunkyo_form2--index table th textarea{ padding:8px 5px; border:1px solid #ccc; width:100%; border-radius:3px;}
.bunkyo_form2--index table th input[type="submit"]{ margin-bottom:20px; background:#ffbc34; color:#FFF; padding:15px 40px; border-radius:5px; border:none;}
.bunkyo_form2--index table tr:not(:last-child) th[colspan="2"]{text-align:left; line-height:1.5;}
.bunkyo_form2--index table th[colspan="2"]{ padding-left:10px; padding-right:10px; padding-bottom:10px; margin-bottom:10px;}

.bunkyo_form2--index table td input:last-of-type{ margin-bottom:5px;}
.bunkyo_form2--index table th span{ color:#F30;}
.bunkyo_form2--index table td .form-f02{ width:100%; margin-right:0%; margin-bottom:0.5em}
.bunkyo_form2--index table td .form-f02:last-of-type{ width:100%; margin-right:0;}
.bunkyo_form2--index table td .form-f03 { width:70%; margin-bottom:20px;}
/*.bunkyo_form2--index table td .form-f03:last-of-type{ margin-bottom:5px;}*/
.bunkyo_form2--index table td input[type="radio"]{vertical-align:middle; margin:0;width:auto; border:none;}
/*.bunkyo_form2--index table td input[type="radio"]:not(:first-child){ margin-left:1em;}
.bunkyo_form2--index table td.radio-n input[type="radio"]:not(:first-child){margin-left:0;}*/
.bunkyo_form2--index table td input[type="checkbox"]{ margin:0 0 0 0%; width:auto;}

	.bunkyo_form2--index h2.title{ letter-spacing:0.1em;}

/*ニュース　アーカイブ*/
#news-index-page .index-news .tabs { width:100%}

/*sitemap index*/
.sitemap--index {}
.sitemap--index .sitemap{ padding-left:0px;}
.sitemap--index .sitemap>ul { display:block; width:100%; margin-right:0%;
 float:none; }
.sitemap--index .sitemap>ul > li{ margin-bottom:14px; border-bottom:1px solid #999; padding-bottom:10px;}
.sitemap--index .sitemap li li { font-size:12px; margin-left:10px;}


/*東京あだちキャンパス開設募金　募集要項*/


.adachi-img{ display:flex;flex-wrap:wrap; margin:0 5%; justify-content:space-between;}
.adachi-img figure{ width:100%; margin-bottom:30px;}

.adachi-img2{ display:flex;flex-wrap:wrap; margin:0 5%; justify-content:space-between;}
.adachi-img2 figure{ width:100%; margin-bottom:30px;}


 /*文教大学学園古本募金（文教サポーターズ募金）*/

.donate--support .support-flowchart{ width:auto; margin:0 auto;}
.donate--support h4{ font-size:14px;}
.donate--support .support-flowchart .support-step{ position:relative; border-bottom:1px solid #989898; display:flex; font-size:16px; padding:95px 0;}
.donate--support .support-flowchart .support-step:last-child{ position:relative; border-bottom:none; display:flex; font-size:16px; padding:95px 0;}
.donate--support .support-flowchart .support-step:after{ content:""; position:absolute; bottom:-29px; left:50%; background-image:url(/stf/fr/img/supp02.jpg);width:46px; height:28px;}
.donate--support .support-flowchart .support-step:last-child:after{ content:""; position:absolute; bottom:-29px; left:50%; background-image:none;width:46px; height:28px;}
.donate--support .support-flowchart .support-step>div:nth-of-type(1){ width:50%; display:flex; justify-content:center; align-items:center;}
.donate--support .support-flowchart .support-step>div:nth-of-type(2){ width:50%; display:flex; flex-direction:column; justify-content:center;align-items:flex-start;}
.donate--support .support-flowchart .support-step h5{ border-radius:100px; display:inline-block; padding:1px 10px; color:#fff; background-color:#2b2b93; font-size:12px; font-weight:bold; margin-bottom:16px;}
.donate--support .abs{ position: absolute; bottom: -25px; right: 5%; z-index: 2000; font-size: 12px;}
.donate--support .btn-kifu.check a { padding-left: 3em; padding-right: 3em;}


    
    
}

/*調整*/
@media screen and (min-width:400px) and (max-width:750px){
	.main--index .card img{margin:0 2% 0 0; width:20%}
}