@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@charset 'utf-8';

/*******************************************************
  Reset -> all
********************************************************/
*, html, body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, form, input, textarea, p{
	margin: 0;
	padding: 0;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
input{
	margin:3px;
}
html{
	overflow:scroll;
}
body{
	position:relative;
	text-align:center;
	-webkit-text-size-adjust:none;
}
img,img a,a img{
	margin: 0;
	padding: 0;
	border: none;
	border-style: none;
	text-decoration: none;
}
a{
	color: #222222;
	text-decoration: underline;
	font-weight: none;
	overflow: hidden;
}
a, a:link, a:hover {
	cursor: pointer;
} 
a:link, a:visited{
	text-decoration: underline;
}
a:hover, a:active { outline: none; text-decoration: underline; color: #f46d6d;}
a:focus{
	outline:none;
	-moz-outline-style: none;
}

a:hover,
button.btn_submit:hover {
	opacity: .65;
	-webkit-opacity: .65;
	-moz-opacity: .65;
	filter: alpha(opacity=65);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=65)"; /* IE 8 */

}
a,
button.btn_submit {
	-webkit-transition: opacity 1s ease-out;
	-moz-transition: opacity 1s ease-out;
	-ms-transition: opacity 1s ease-out;
	transition: opacity 1s ease-out;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 1em;
	line-height: 1.6em;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
ol,ul {
	list-style: none;
}
form{
	margin: 0;
	padding: 0;
}
button, input, select, textarea{
	font-size: 1em;
	display: block;

}
.clear {
	padding: 1px;
	clear: both;
}

/*-----------------------------------------------
  common -> all
-----------------------------------------------*/
body{
	min-width: 900px;
	font-size: 15px;
	color: #222222;
	line-height:1.6em;
	background: url(/etc/fubokyo/images/bg.png) repeat-x center top #f3f3f3;
	text-align: center;
}

.container{
	margin: 0 auto;
	width: 100%;
}
.contents{
	width: 900px;
	margin: 0 auto;
	text-align:left;
	overflow:hidden;
}
#main{
	float: right;
	width: 670px;
	margin: 0 0 40px;
	overflow:hidden;
}
.index #main{
	float: left;
	margin: 12px 0 40px;
}
.contents.full #main{
	float: unset;
	width: 100%;
}

#subnavi{
	float: left;
	width: 200px;
	margin: 0;
	overflow:hidden;
}

#sidebar{
	float: left;
	width: 180px;
	margin: 0 0 40px;
	overflow:hidden;
}
#sidebar a{
	margin: 0 0 15px;
}
.index #sidebar{
	float: right;
}

.wrap{
	width: 100%;
	margin: 0 0 40px;
	overflow:hidden;
	background: #ffffff;
}
.about.fee .wrap{
	width: calc(100% - 40px);
	padding: 10px 20px 30px;
	border-top: 5px solid #87A63E;
}
.branch .wrap{
	padding: 20px;
	width: 630px;
}
.index .wrap,
.contact .wrap{
	background: none;
}

/*-----------------------------------------------
  parts
-----------------------------------------------*/
.fltl{ float: left; }
.fltr{ float: right; }
.txtc{ text-align: center; }
.fnts{ font-size: 0.9em !important; }

.fnt_emp{ font-weight: bold; color: #003f7f; }
.fnt_att{ color: #ca2121; }

ul.disc{
	text-align: left;
	list-style: disc none outside;
}
ul.disc li{
	margin: 0 0 5px 20px;
}

ul.square{
	text-align:left;
	list-style: square none outside;
}
ul.square li{
	margin: 0 0 5px 20px;
}
ul.demical,
ol.demical {
	text-align:left;
	list-style: decimal none outside;
}
ul.demical li,
ol.demical li {
	margin: 0 0 5px 25px;
}

ul.caution{
	margin: 0 0 0 1.25em;
	text-align: left;
}
ul.caution li{
	position: relative;
	padding: 0.13em 0 0;
}
ul.caution li::before {
	position: absolute;
	left: -1.2em;
	display: block;
	content: "※";
}

p.date{
	text-align: right;
	font-size: 0.9em;
}

.boxShadow{
	padding:10px;
	/* border */
	border:;
	
	/* border-radius */
	border-radius:;
	-webkit-border-radius:;
	-moz-border-radius:;
	
	/* box-shadow */
	box-shadow:rgba(66, 66, 66, 0.65) 0px 0px 6px 3px;
	-webkit-box-shadow:rgba(66, 66, 66, 0.65) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(66, 66, 66, 0.65) 0px 0px 6px 3px;	
}

/*-----------------------------------*/
.imglt,
.imgrt {
	padding: 10px 20px;
	width: 626px;
	background: #ffffff;
	border:1px solid #eeeeee;
	margin:1px;
	margin-bottom:30px;
	outline:1px solid #FFFFFF;
}
.imglt{ border-top:5px solid #87A63E;}
.imgrt{ border-top:5px solid #C7A63E;}

.imglt figure{
	float:left;
	margin: 0 10px 10px 0;
}
.imgrt figure{
	float:right;
	margin: 0 0 10px 10px;
}
.imglt figure img,
.imgrt figure img{
	margin: 8px;
	border: 5px solid #ffffff;
	/* box-shadow */
	box-shadow:rgba(66, 66, 66, 0.65) 0px 0px 6px 3px;
	-webkit-box-shadow:rgba(66, 66, 66, 0.65) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(66, 66, 66, 0.65) 0px 0px 6px 3px;	
}
/*-----------------------------------*/
.contbox {
	padding: 10px 20px;
	width: 626px;
	background: #ffffff;
	border:1px solid #eeeeee;
	margin:1px;
	margin-bottom:30px;
	outline:1px solid #FFFFFF;
	overflow: hidden;
}
.news_contents1 { border-top:5px solid #86A83D;}
.news_contents2 { border-top:5px solid #A93C3C;}
.news_contents3 { border-top:5px solid #A48241;}
.news_contents4 { border-top:5px solid #366191;}

.contbox.simple img{
	margin: 8px 8px 3px;
	border: 5px solid #ffffff;
	/* box-shadow */
	box-shadow:rgba(66, 66, 66, 0.65) 0px 0px 6px 3px;
	-webkit-box-shadow:rgba(66, 66, 66, 0.65) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(66, 66, 66, 0.65) 0px 0px 6px 3px;	
}
div.contbox.simple .fltl{
	margin: 0 10px 0 0;
}
div.contbox.simple .fltr{
	margin: 0 0 0 10px;
}
div.contbox.simple .fltl img,
div.contbox.simple .fltr img { width: 240px; }
div.contbox.simple ul.imgbox2 img{ width: 280px; }
div.contbox.simple ul.imgbox3 img{ width: 180px; }
div.contbox.simple .fltl p, 
div.contbox.simple .fltr p, 
div.contbox.simple ul.imgbox2 p,
div.contbox.simple ul.imgbox3 p {
	margin:0 0 10px;
	padding: 0 16px;
	line-height: 1.2em;
	font-size: 0.9em;
}
div.contbox.simple .fltl,
div.contbox.simple .fltr { width: 266px; }
div.contbox.simple ul.imgbox2 li{ float: left; margin: 0 14px 0 0; width: 306px;}
div.contbox.simple ul.imgbox3 li{ float: left; margin: 0 4px 0 0; width: 204px;}
div.contbox.simple ul.imgbox2 li:last-child,
div.contbox.simple ul.imgbox3 li:last-child{ margin: 0; }


/*-----------------------------------
 .table
-----------------------------------*/

table.tblist {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #999;
	margin:10px 0 30px;

}
table.tblist tr:first-child th {
	border-top: rgb(191, 103, 0) 4px solid;
}
table.tblist th,
table.tblist td {
	padding: 15px;
	vertical-align: top;
	border: #999 1px solid;
}
table.tblist th {
	text-align: center;
	background: rgb(239, 231, 209);
	font-weight: normal;
	line-height: 2;
	white-space: nowrap;
}
table.tblist tr:first-child td {
	border-top: #af0000 4px solid;
}
table.tblist td {
	text-align: left;
	background:#FFFFFF;
}
table.tblist span{
	padding: 0 0 0 3px;
	font-size: 0.95em;
	color: #ca2121;
}


/***********************************
 .row, .column
***********************************/
.row{
	position: relative;
	clear: both;
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
	margin: auto;
	width: calc(100% - 40px);
}
.row:has(.column){
	justify-content: center;
	gap: 50px;
}
.row:has(.column4-1),
.row:has(.column4-3),
.row:has(.column5-1),
.row:has(.column5-4){
	gap: 30px;
}
.row + .row{
	margin-top: 40px;
}
.column,
.column1,
.row .column2,
.row .column3-1,
.row .column3-2,
.row .column4-1,
.row .column4-3,
.row .column5-1,
.row .column5-4{
	position: relative;
	vertical-align: middle;
}
.column{
	width: auto;
}
.column1{ width: 100%; clear: both; }
.row .column2{ width: calc(50% - (40px /2)); }
.row .column2.narrow{ width: calc(42% - (40px /2)); }
.row .column2.wide{ width: calc(58% - (40px /2)); }
.row .column3-1{ width: calc((100% /3) - (40px *2 /3)); }
.row .column3-2{ width: calc(((100% /3) - (40px *2 /3)) *2 + 40px); }
.row .column4-1{ width: calc(25% - (30px *3 /4)); }
.row .column4-3{ width: calc(((100% /4) - (30px *3 /4)) *3 + 30px *2); }
.row .column5-1{ width: calc(20% - (30px *4 /5)); }
.row .column5-4{ width: calc(((100% /5) - (30px *4 /5)) *4 + 30px *3); }

.column1 img,
.row .column2 img,
.row .column3-1 img,
.row .column3-2 img,
.row .column4-1 img,
.row .column4-3 img,
.row .column5-1 img{
	display: block;
	width: 100%;
}
.row img + img{
	margin-top: 2.5rem;
}


/*-----------------------------------------------
  header
-----------------------------------------------*/
header{
	position: relative;
	margin: 0 auto;
	text-align: left;
	width: 900px;
	height: 126px;
	line-height: 1.3em;
	font-size: 0.9em;
}
header h1 {
	position: absolute;
	top: 10px;
	width: 408px;
	height: 58px;
}
header h1 a {
	width: 442px;
	height: 60px;
	display: block;
	text-indent: -9999px;
	background: url(/etc/fubokyo/images/logo.png) no-repeat left top;
}

header .site-nav{
	position: absolute;
	left: 500px;
	top: 30px;
	width: 300px;
}
header .site-nav ul li{
	float: left;
	text-align :left;
	display: inline-block;
}
header .site-nav .icon { display: inline-block; }
header .site-nav .icon.contact { background: url("/etc/fubokyo/images/icon_contact.png") no-repeat scroll left center; padding: 0 20px 0 20px; }
header .site-nav .icon.privacy { background: url("/etc/fubokyo/images/icon_privacy.png") no-repeat scroll left center; padding: 0 0 0 20px; }

header .fnt-size{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 100px;
	height: 49px;
	background: url("/etc/fubokyo/images/bg_fntsize.png") no-repeat;
}
header .fnt-size ul{
	position: absolute;
	top: 19px;
	left: 9px;
}
header .fnt-size ul li{
	float: left;
	margin: 0 4px 0 0;
	display: inline-block;
	width: 25px;
	height: 25px;
}
header .fnt-size ul li:last-child{
	margin: 0;
}
header .fnt-size ul li a{
	display: block;
	width: 25px;
	height: 25px;
	text-indent: -9999px;
	background: url(/etc/fubokyo/images/btn_fntsize.png) no-repeat 0 0;
}
header .fnt-size ul li.size1 a{ background-position: 0 0; }
header .fnt-size ul li.size2 a{ background-position: -25px 0; }
header .fnt-size ul li.size3 a{ background-position: -50px 0; }
header .fnt-size ul li.size1 a:hover,
header .fnt-size ul li.size1 a:active,
header .fnt-size ul li.size1 a.on { background-position: 0 -25px; }
header .fnt-size ul li.size2 a:hover,
header .fnt-size ul li.size2 a:active,
header .fnt-size ul li.size2 a.on { background-position: -25px -25px; }
header .fnt-size ul li.size3 a:hover,
header .fnt-size ul li.size3 a:active,
header .fnt-size ul li.size3 a.on{ background-position: -50px -25px; }

header a,
header a:link,
header a:visited{
	color: #222222;
	font-weight: normal;
	text-decoration: none;
}
header a:hover,
header a:active {
	color: #f46d6d;
}


/*-----------------------------------------------
  nav
-----------------------------------------------*/
nav > ul {
	position: absolute;
	top: 76px;
	margin: 0 auto;
	padding: 0;
	width: 900px;
	height: 50px;
	display: block;
	list-style: none outside;
	text-align: left;
	z-index: 100;
}
nav > ul > li{
	position: relative;
	float: left;
	width: 225px;
	height: 50px;
}
nav > ul > li > a{
	float: left;
	width: 225px;
	height: 50px;
	text-indent: -9999px;
}
/* menu default
-----------------------------------------------*/
nav ul li a#menu01{ background:url(/etc/fubokyo/images/gnavi.png) no-repeat 0 0; }
nav ul li a#menu02{ background:url(/etc/fubokyo/images/gnavi.png) no-repeat -225px 0; }
nav ul li a#menu03{ background:url(/etc/fubokyo/images/gnavi.png) no-repeat -450px 0; }
nav ul li a#menu04{ background:url(/etc/fubokyo/images/gnavi.png) no-repeat -675px 0; }

/* menu mouse over
-----------------------------------------------*/
nav ul li:hover a#menu01{ background:url(/etc/fubokyo/images/gnavi.png) no-repeat 0 -50px; opacity: 1.0; }
nav ul li:hover a#menu02{ background:url(/etc/fubokyo/images/gnavi.png) no-repeat -225px -50px; opacity: 1.0; }
nav ul li:hover a#menu03{ background:url(/etc/fubokyo/images/gnavi.png) no-repeat -450px -50px; opacity: 1.0; }
nav ul li:hover a#menu04{ background:url(/etc/fubokyo/images/gnavi.png) no-repeat -675px -50px; opacity: 1.0; }

/* menu on mouse
-----------------------------------------------*/
nav ul li#menu01 > a, nav ul li#menu01 > a:link, nav ul li#menu01 > a:visited,
nav ul li#menu01 > a:hover{ background:url(/etc/fubokyo/images/gnavi.png) no-repeat 0 -50px; opacity: 1.0; }
nav ul li#menu02 > a, nav ul li#menu02 > a:link, nav ul li#menu02 > a:visited,
nav ul li#menu02 > a:hover{ background:url(/etc/fubokyo/images/gnavi.png) no-repeat -225px -50px; opacity: 1.0; }
nav ul li#menu03 > a, nav ul li#menu03 > a:link, nav ul li#menu03 > a:visited,
nav ul li#menu03 > a:hover{ background:url(/etc/fubokyo/images/gnavi.png) no-repeat -450px -50px; opacity: 1.0; }
nav ul li#menu04 > a, nav ul li#menu04 > a:link, nav ul li#menu04 > a:visited,
nav ul li#menu04 > a:hover{ background:url(/etc/fubokyo/images/gnavi.png) no-repeat -675px -50px; opacity: 1.0; }

nav ul li ul.sub {
	position: absolute;
	top: 100%;
	left: 9px;
	margin: 0;
	padding: 0;
	background: #4e4e4e;
	list-style: none;
	background-color: rgba( 0, 0, 0, 0.75 )
}
nav ul li ul.sub li{
	overflow: hidden;
	width: 208px;
	height: 0;
	color: #fff;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s;
}
nav ul li ul.sub li a{
	display: block;
	padding: 0 26px;
	text-align: left;
	color: #ffffff;
	line-height: 40px;
	font-weight: bold;
}

nav ul li:hover ul.sub li{
	overflow: visible;
	height: 40px;
	border-top: 2px solid #ffffff;
}
nav ul li:hover ul.sub li:first-child{
	border-top: 0;
	padding-top: 14px;
	background:url(/etc/fubokyo/images/gnavi_dropdown.png) no-repeat center top;
}


/*-----------------------------------------------
  pnlist 
-----------------------------------------------*/
#pnlist{
	clear: both;
	width: 100%;
	margin: 00;
	padding: 0;
	height: 28px;
	background: #ececec;
	z-index: 10;
}
#pnlist p{
	position: relative;
	margin: 0 auto;
	padding: 0 15px;
	width: 870px;
	height: 28px;
	line-height: 30px;
	text-align: left;
	font-size: 0.9em;
}


/*-----------------------------------------------
  mainimage
-----------------------------------------------*/
#mainimage{
	clear: both;
	width: 100%;
	margin: 0 0 20px;
	padding: 10px 0 12px;
	height: 120px;
	text-align: center;
	background: #ebe9d8;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	outline: solid 1px #ebe9d8;
}
.index #mainimage{
	margin: 5px 0 20px;
	padding: 18px 0 28px;
	height: 321px;
}
.index #mainbanner{
	margin:auto;
	width:900px;
	display: block;
}

/*-----------------------------------------------
  footer
-----------------------------------------------*/
footer{
	clear: both;
	width: 100%;
	font-size: 0.9em;
	text-align: center;
	height: 160px;
	background: #e7e2de;
	overflow: hidden;
	border-top: solid 1px #d6d2cf;
}
footer #page-bottom{
	position: relative;
	margin: 0 auto;
	width: 900px;
	height: 160px;
}
footer a{
	position: absolute;
	top: 20px;
	right: 0;
}
footer #copyright{
	position: absolute;
	top: 70px;
	margin: 0 auto;
	width: 100%;
	text-align: center;
	line-height: 20px;
}


/*-----------------------------------
h2,h3,h4
-----------------------------------*/
h2{
	clear: both;
	margin: 0 auto;
	width: 900px;
	height: 120px;
	text-indent: -9999px;
}

.index h2 {background:url(/etc/fubokyo/images/main.png); height:321px;}
.index a h2 {background:url(/etc/fubokyo/career2025/images/mainbanner.png); height:321px;}
.index a#mainbanner:hover{opacity: 0.85;}
.index a.fee h2 {background:url(/etc/fubokyo/images/main_fee.jpg); height:321px;}
/*
.index a h2 {background:url(/etc/fubokyo/university2025/images/mainbanner.png); height:321px;}
*/

.about h2#about1 {background:url(/etc/fubokyo/images/m_about1.png);}
.about h2#about2 {background:url(/etc/fubokyo/images/m_about2.png);}
.about h2#about3 {background:url(/etc/fubokyo/images/m_about3.png);}
.about h2#about4 {background:url(/etc/fubokyo/images/m_about4.png);}
.about h2#free {background:url(/etc/fubokyo/images/m_about0.png); padding: 0 620px 0 20px; width: 260px; line-height: 120px; color: #ffffff; text-indent: 0; text-shadow: 0 0 2px #4d6b1a; font-family: "Noto Sans JP", serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-size: 1.25em; overflow: hidden; }
.pran h2#pran1  {background:url(/etc/fubokyo/images/m_pran1.png);}
.pran h2#pran2  {background:url(/etc/fubokyo/images/m_pran2.png);}
.branch h2#branch1 {background:url(/etc/fubokyo/images/m_branch1.png);}
.branch h2#branch2 {background:url(/etc/fubokyo/images/m_branch2.png);}
.privacy h2#privacy1 {background:url(/etc/fubokyo/images/m_privacy1.png);}
.contact h2 {background:url(/etc/fubokyo/images/m_contact.png);}
.news h2#news1 {background:url(/etc/fubokyo/images/m_news1.png);}
.documents h2#about1 {background:url(/etc/fubokyo/images/m_documents.png);}
.guidebook h2#guidebook {background:url(/etc/fubokyo/images/m_guidebook.png);}

h3{
	clear: both;
	margin: 0 0 20px;
	width: 670px;
	height: 44px;
	background:url(/etc/fubokyo/images/ttl_bg.png);
	text-indent: 28px;
	line-height: 44px;
	font-weight: bold;
	font-size: 1.2em;
	overflow: hidden;
}
.index h3	{ margin: 0; }
.newsDetail h3{
	padding: 10px 28px 8px;
	width: calc(100% - 58px);
	height: auto;
	background: #fefefe; /* Old browsers */
	background: -moz-linear-gradient(top,  #fefefe 0%, #e9e9e9 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #fefefe 0%,#e9e9e9 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #fefefe 0%,#e9e9e9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-9 */
	border: solid 1px #cccccc;
	border-bottom: solid 4px #13166b;
	border-radius: 3px 3px 0 0;
	line-height: 1.3em;
	text-indent: 0;
}

h4{
	clear: both;
	height: 30px;
	line-height: 1.7em;
	font-weight: bold;
	font-size: 1.1em;
	margin-bottom:10px;
	border-bottom:1px solid #cccccc;
}

h5{
	clear: both;
	height: 30px;
	line-height: 1.7em;
	font-weight: bold;
	font-size: 1.1em;
	margin: 20px 0 10px;
}
h5:first-child{
	margin-top: 0;
}


/*-----------------------------------
 .subnavi
-----------------------------------*/
#subnavi ul{
	float: left;
	width: 180px;
	background: url(/etc/fubokyo/images/bg_subnavi.png) repeat-x #17154f;
	border: solid 1px #cac8e2;
	outline: solid 1px #171551;
	margin: 1px 0 16px 1px;
	padding: 6px;
}
#subnavi li{
	display: block;
	margin: 0 0 2px;
	width: 180px;
	height: 38px;
	overflow: hidden;
}
#subnavi li a{
	display: table-cell;
	margin: 0;
	padding: 0 10px 0 25px;
	width: 145px;
	height: 38px;
	background: url(/etc/fubokyo/images/subnavi.png) 0 0;
	text-align: left;
	vertical-align: middle;
	line-height: 40px;
	text-decoration: none;
	color: ##222222;
	font-size: 0.9em;
}
#subnavi li a.long{
	letter-spacing: -1px;
}
#subnavi li a,
#subnavi li a:link,
#subnavi li a:visited{
	color: #222222;
	font-weight: normal;
	text-decoration: none;
}
#subnavi li a:hover,
#subnavi li a:active,
#subnavi li.active a {
	background:url(/etc/fubokyo/images/subnavi.png) 0 -38px;
	color: ##222222;
	opacity: 1.0;
}


/*-----------------------------------
 .button
-----------------------------------*/

.btn{
	display: block;
	text-indent: -9999px;
	margin: 0;
}
a.gotop{
	width: 160px;
	height:25px;
	background: url(/etc/fubokyo/images/btn_gotop.png) no-repeat center top #FFFFFF;
}
.index a.golist{
	width: 97px;
	height:23px;
	background: url(/etc/fubokyo/images/btn_golist.png) no-repeat center top #FFFFFF;
}

a.btnTxt{
	position: relative;
	display: block;
	margin: 30px auto;
	padding: 15px 25px;
	background: #ea5f76;
	width: 210px;
	line-height: 1.3em;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	overflow: hidden;
}
a.btnTxt::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 12px;
	display: block;
	margin: auto;
	background: #ffffff;
	width: 8px;
	height: 10px;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
	content: "";
}
a.btnTxt.orange{
	background: #eb9f59;
}
a.btnTxt.orange::after{
	display: none;
}

/*-----------------------------------
 .index, .news
-----------------------------------*/

.index div.news{
	position: relative;
}
.index div.news a.golist{
	position: absolute;
	right: 8px;
	top: 10px;
}
ul#newslist{
	margin: 0 0 10px;
	padding: 4px 15px 34px;
	width: 638px;
	background: #ffffff;
	border: 1px solid #e8e8e8;
}
ul#newslist li{
	padding: 8px 5px 8px 195px;
	border-bottom: 1px solid #dbdbdb;
}
ul#newslist li:last-child{
	border: none;
}
ul#newslist li.news1{ background:url(/etc/fubokyo/images/icon_news1.png) no-repeat left 10px; }
ul#newslist li.news2{ background:url(/etc/fubokyo/images/icon_news2.png) no-repeat left 10px; }
ul#newslist li.news3{ background:url(/etc/fubokyo/images/icon_news3.png) no-repeat left 10px; }
ul#newslist li.news4{ background:url(/etc/fubokyo/images/icon_news4.png) no-repeat left 10px; }
ul#newslist span.dt{
	display: table-cell;
	padding: 0 15px 0 0;
}
ul#newslist span.date{
	display: inline-block;
	text-indent: -100px;
	width:0;
}


/*-----------------------------------
 .about
-----------------------------------*/
.about p.name{
	margin-top: 10px;
	text-align: right;
}

.about table.tblist th strong {
	color: #242486;
	font-size: 1.2em;
}
.about table.tblist td ol {
	padding-left: 30px;
}
.about table.tblist li {
	margin-bottom: 5px;
}
.about table.tblist li ul, table.tblist li ol {
	padding-top: 10px;
}
.about table.tblist td ul.extra {
	padding-top: 10px;
}
.about table.tblist td ul.extra li {
	float: left;
	list-style: outside none none;
	margin-right: 40px;
}

.about div.balloonlt{
	margin:10px 0; 
	padding-bottom:50px;
	background:url(/etc/fubokyo/images/bln_lt.png) center bottom no-repeat;
}
.about div.balloonlt ul{
	border-radius: 20px 20px 20px 20px / 20px 20px 20px 20px;
	padding:30px;
	background:#EBE9D8;
	padding:10px;
	list-style-type: disc;
}
.about div.balloonlt ul li{
	margin-left:15px;
	list-style-type: disc;
}

.about div.balloonrt{
	margin:10px 0; 
	padding-bottom:50px;
	background:url(/etc/fubokyo/images/bln_rt.png) center bottom no-repeat;
}
.about div.balloonrt ul{
	border-radius: 20px 20px 20px 20px / 20px 20px 20px 20px;
	padding:30px;
	background:#EBE9D8;
	padding:10px;
	list-style-type: disc;
}
.about div.balloonrt ul li{
	margin-left:15px;
	list-style-type: disc;
}

.about div.imgrt dl.rule {
    width: 600px;
    font-size: 0.8em;
    overflow:hidden;
}

.about div.imgrt dl.rule dt {
    clear: both;
    float: left;
    font-weight: bold;
    text-align: right;
    width: 50px;
}

.about div.imgrt dl.rule dd {
    margin: 0 0 15px 80px;
}

/*----- .about.fee -----*/

.about.fee .wrap *{
	color: #3b3b3b;
	font-family: "Noto Sans JP", serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}
.about.fee .wrap strong{
	font-weight: bold;
}
.about.fee .wrap a.btnTxt{
	color: #ffffff;
}
.about.fee .wrap h3{
	margin: 0 0 40px;
	background: none;
	width: auto;
	color: #ea5f76;
	text-align: center;
	text-indent: 0;
	font-family: "Noto Sans JP", serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-size: 1.26em;
	font-style: normal;
}

.about.fee h4{
	margin: 0 0 20px;
	padding: 10px 15px;
	font-family: "Noto Sans JP", serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
}

.about.fee section + section{
	margin-top: 60px;
}

.about.fee .info{
	margin: 50px auto 30px;
	padding: 30px 0;
	width: calc(100% - 44px);
	line-height: 1.8em;
	border: solid 2px #ea5f76;
	border-radius: 15px;
	text-align: center;
	font-size: 1.1em;
}
.about.fee .info h3{
	position: relative;
	margin: -55px 0 20px;
	color: #222222;
	font-size: 1.3em;
	z-index: 1;
}
.about.fee .info h3::after{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	display: block;
	margin: auto;
	background: #ffffff;
	width: 12em;
	height: 44px;
	content: "";
	z-index: -1;
}

.about.fee ol{
	text-align: left;

	counter-reset: number; 
	list-style-type: none; 
	padding:0;
	margin:0;
}
.about.fee ol > li{
	position: relative;
	margin: 0 0 1.4rem 0;
	padding: 0 0 0 2rem;
	font-size: 1.05rem;
}
.about.fee ol > li::before{
	position: absolute;
	top: 0;
	left: 0;
	background: #e8a060;
	width: 22px;
	height: 22px;
	border-radius: 3px;
	line-height: 22px;
	color: #ffffff;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	counter-increment: number;
	content: counter(number);
}
.about.fee ol li ul{
	padding: 5px 0 0;
	list-style-type: disc
}
.about.fee ol li ul li{
	margin: 0 0 0 0;
	color: #333333;
	font-size: 0.9rem;
}
.about.fee ol li ul li::marker{
	color: #777777;
}

.about.fee #choice{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px 50px;
	margin: 0 auto 100px;
}
.about.fee #choice p{
	width: 100%;
	text-align: center;
}
.about.fee #choice a.btnTxt{
	margin: 0;
	width: 180px;
}

.about.fee .choiceBox{
	margin: 0 auto 100px;
	width: 90%;
}
.about.fee .choiceBox table{
	margin: 40px auto 30px;
}
.about.fee .choiceBox table th,
.about.fee .choiceBox table td{
	padding: 10px 15px;
	vertical-align: top;
	font-weight: normal;
}
.about.fee .choiceBox table th{
	font-weight: bold;
}
.about.fee .choiceBox table td ul:not(.caution) li{
	padding: 0 0 0 1em;
}
.about.fee .choiceBox span{
	display: inline-block;
	margin: 20px 15px 0;
	padding: 0 15px;
	background: #ff0000;
	height: 1.8em;
	line-height: 1.7em;
	color: #ffffff;
	font-family: "Noto Sans JP", serif;
	font-optical-sizing: auto;
	font-style: normal;
}
.about.fee .choiceBox p{
	margin: 15px 15px 0;
}
.about.fee .choiceBox p.txtR{
	text-align: right;
}
.about.fee .choiceBox a{
	padding: 0 5px;
	color: #5fb0ea;
}
.about.fee .choiceBox span + p strong{
	color: #ea5f76;
	font-weight: bold;
}
.about.fee .choiceBox span + p a{
	font-weight: bold;
}

/*-----------------------------------
 .contact .privacy
-----------------------------------*/

.privacy ul.rule {
	margin-top: 20px;
	font-size: 0.8em;
	margin-bottom: 25px;
	padding-left: 30px;
	list-style: num;
}
.privacy ul.rule ul{
	padding-left: 20px;
	list-style: disc;
}
.privacy ul.rule li{
	margin-bottom: 6px;	
}
.privacy ul.rule ul li ul li{
	padding-left: 10px;
	list-style: none;
}

.privacy p.sign{
	text-align:right;
	font-weight:bold;
}

.privacy div.wrap ul.rule li {
	margin-bottom: 6px;
}

.contact p.fnt_att{
	margin: 5px 0 0;
}
.contact form table.tblist{
	margin: 10px 0 5px;
}
.contact form th{
	text-align: center;
}
.contact form input,
.contact form textarea{
	padding: 5px;
	line-height: 1.2em;
}
.contact input.btn_send{
	margin: 0 auto;
	padding: 5px 50px;
}



/*-----------------------------------
 .branch
-----------------------------------*/
.branch .maparea{
	position: relative;
	height: 740px;
}
.branch #branch_list1,
.branch #branch_list2{
	clear: both;
	position: relative;
	top: 0;
	left: 0;
	z-index: 100;
}
.branch #branch_list1{ width: 600px; }
.branch #branch_list2{ width: 320px; }
.branch #branch_list1 li,
.branch #branch_list2 li{
	float: left;
	margin: 0 10px 10px 0px;
	padding: 0 10px 0 0;
	height: 1em;
	line-height: 1em;
	border-right: 1px solid #222222;
	font-size: 0.9em;
}
.branch #branch_list1 li:last-child,
.branch #branch_list2 li:last-child{
	margin-right: 5px;
	border: none;
}
.branch #branch_maplist{
	position: relative;
	top: -290px;
	left: 15px;
	z-index: 10;
}


/*-----------------------------------
 .pran
-----------------------------------*/

.pran div.wrap dl {
	width: 626px;
	overflow:hidden;
}

.pran div.wrap  dt {
	clear: both;
	font-weight: bold;
	text-align: left;
}
.pran div.wrap dd {
	margin: 0 0 5px 20px;
}
.pran div.wrap dd table {
	width: 600px;
	margin: 0;
}

.pran div.active dt {
	display:block;
	font-weight: bold;
	margin-bottom: 5px;
	text-align:left;
	width: 100%;
	font-size: 0.9em;
}
.pran div.active dd {
	display:block;
	float:left;
	font-weight: bold;
	margin-bottom: 5px;
	text-align:left;
	font-size: 0.9em;
	width:100%
}
.pran div.active table {
	margin-bottom: 10px;
}
.pran div.active th,
.pran div.active td {
	font-weight: normal;
	padding: 0 15px 10px 0;
	text-align: left;
	vertical-align: top;
}
.pran div.active th {
	white-space: nowrap;
	width: 1%;
}

.pran div.active{
	overflow: hidden;
}
.pran div.active div.photos ul {
	clear: both;
	margin: 0;
}
.pran div.active div.photos li img {
	background: none repeat scroll 0 0 #fff;
	padding: 3px;
}
.pran div.active div.photos li a img {
	border: 1px solid #ccc;
}
.pran div.active div.photos li a:hover img {
	border: 1px solid #242486;
}
.pran div.active div.photos li {
	float: left;
	list-style: outside none none;
	margin: 0 1px 5px 0;
}

.pran div.active ul.extra li {
	font-size: 0.85em;
	line-height: 1.8;
	margin-bottom: 15px;
	margin-right: 15px;
	text-align: center;
	width: 298px;
}
.pran div.active ul.extra li img {
	border: 1px solid #ccc;
}

.pran div.active div.photos p.notes {
	clear: both;
	margin: 0;
	font-size: 0.85em;
}

.pran .tblist th{
	padding: 15px 7px;
	width: 35px;
}
.pran .tblist td{
	padding: 15px 3px 15px 7px;
	width: 180px;
}
.pran .tblist td:last-child{
	padding: 15px 5px 15px 9px;
	width: auto;
}
.pran .tblist td.campus,
.pran .tblist td.campus3,
.pran .tblist td.campuska,
.pran .tblist td.campussa,
.pran .tblist td.koshigaya,
.pran .tblist td.shonan,
.pran .tblist td.adachi{
	padding-left: 62px;
}
.pran td.campus,
.pran td.campuska,
.pran td.campussa{
	height: 30px;
}
.pran td.campus3{
	height: 50px;
}

.pran table.tblist td.campus{ background: url(/etc/fubokyo/images/ico_campus.png) no-repeat 8px center #ffffff;}
.pran table.tblist td.campus3{ background: url(/etc/fubokyo/images/ico_campus3.png) no-repeat 8px center #ffffff;}
.pran table.tblist td.campuska{ background: url(/etc/fubokyo/images/ico_campuska.png) no-repeat 8px center #ffffff;}
.pran table.tblist td.campussa{ background: url(/etc/fubokyo/images/ico_campussa.png) no-repeat 8px center #ffffff;}
.pran table.tblist td.koshigaya{ background: url(/etc/fubokyo/images/icon_koshigaya.png) no-repeat 8px center #ffffff;}
.pran table.tblist td.shonan{ background: url(/etc/fubokyo/images/icon_shonan.png) no-repeat 8px center #ffffff;}
.pran table.tblist td.adachi{ background: url(/etc/fubokyo/images/icon_adachi.png) no-repeat 8px center #ffffff;}




/*******************************************************
  career2022
********************************************************/
#career_bnrBox{
	margin: 0 0 40px;
}
#career_bnrBox::after{
	clear: both;
	display: block;
	content: "";
}
#career_bnrBox a{
	float: left;
	display: block;
	width: 291px;
	height: 181px;
}
#career_bnrBox a:first-child{
	margin-right: 13px;
}
#career_bnrBox a:last-child{
	margin-left: 14px;
}

ul.bnrBox{
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin: 0 0 40px;
}
ul.bnrBox li{
	width: calc(50% - 7px);
}
ul.bnrBox li a,
ul.bnrBox li img{
	display: block;
}