@charset "UTF-8";

/* ===================================================================================
 layout.css£¨¥ì¥¤¥¢¥¦¥È¤ÎÔO¶¨¡¡Ó¡Ë¢Óã©
=================================================================================== */

/* -----------------------------------------------------------------------------------
 Reset
----------------------------------------------------------------------------------- */

html,body,div,
h1,h2,h3,h4,h5,h6,
p,blockquote,pre,address,hr,
ul,ol,li,
dl,dt,dd,
table,th,td,caption,
form,input,textarea,select,option,optgroup,button,label,fieldset,legend {
	margin:0;padding:0;
}
img {
	border:0;
	vertical-align:bottom;
}

/* -----------------------------------------------------------------------------------
 Base
----------------------------------------------------------------------------------- */

body {
	width:100%;
	font-size:14px;color:#333333;line-height:1.0em;
	font-family:'¥Ò¥é¥®¥Î½Ç¥´ Pro W3','Hiragino Kaku Gothic Pro','¥á¥¤¥ê¥ª',Meiryo,'£Í£Ó £Ð¥´¥·¥Ã¥¯','MS PGothic',sans-serif;
	background:#FFFFFF;
}

/* -----------------------------------------------------------------------------------
 header
----------------------------------------------------------------------------------- */

#header	{
	width:100%;height:45px;margin:0px auto;padding:0px 0px 15px 0px;
	border-bottom:2px solid #CCCCCC;
}
#headerLogo	{
	margin:0px;padding:0px;
}
.headerMenu		{display:none;}
#headerSearch	{display:none;}
body#english	#headerSearch	{display:none;}
.headerFontsize	{visibility:hidden;width:0;height:0;overflow:hidden;}
#spImage		{display:none;}

#cse-search-box	{display:none;}
#searchText		{display:none;}
#searchButton	{display:none;}

.header2025	{
	width:100%;height:45px;margin:0px auto;padding:0px 0px 15px 0px;
	border-bottom:2px solid #CCCCCC;
}
.headerLogo	{
	position:absolute;top:15px;left:20px;
	margin:0px;padding:0px;
    z-index:9999;
}
.headerLogo a img	{width:auto;height:40px;}

ul.headerLink	{display:none;}
.headerFontsize2025	{display:none;}

#headerSearch {display:none;}

#headerSP		{display:none !important;}
#headerMenuSP	{display:none !important;}


/* -----------------------------------------------------------------------------------
 menu
----------------------------------------------------------------------------------- */

#subMenu	{display:none;}
#mainMenu	{display:none;}

#subMenu2025	{display:none;}
#globalMenu2025	{display:none;}


/* -----------------------------------------------------------------------------------
 contents base
----------------------------------------------------------------------------------- */

#mainImage	{
	clear:both;
	width:100%;height:240px;margin:0px;padding:15px 0px;
	background:#EEEEEE;
	text-align:center;
}

#contents	{
	clear:both;
	width:960px;margin:0px auto;padding:15px 0px;
}

body#home #mainContents	{
	float:left;
	width:690px;640px;margin:0px;padding:0px;
}
body#page #mainContents	{
	float:left;
	width:100%;margin:0px;padding:0px;
}

#sideContents	{
	float:right;
}
body#home #sideContents	{
	width:220px;margin:0px;padding:5px;
	background:#FFECEC;
}
body#page #sideContents	{display:none;}

/* -----------------------------------------------------------------------------------
 contents
----------------------------------------------------------------------------------- */

#topEmergency	{
	margin:0px;padding:0px;
}
.topEmergency	{
	margin:0px 0px 15px 0px;padding:20px;
	background:#FFECEC;
	border:4px double #F00;line-height:1.5em;
}
.topEmergency h1	{
	margin:0px 0px 0px 0px;padding:0px;
	font-size:160%;color:#FF0000;
}
.topEmergency h2	{
	margin:15px 0px 0px 0px;padding:0px;
	font-size:120%;color:#555555;
}
.topEmergency p	{
	margin:10px 0px 0px 0px;padding:0px;
	font-size:100%;
}

#homeTitle	{
	clear:both;
	height:20px;margin:0px 0px 15px 0px;padding:0px 0px 8px 20px;
	background:url(/img/top_subtitle_bg.gif) left bottom no-repeat;
}
#homeTitle h3	{
	float:left;
	margin:0px;padding:0px;
	font-size:120%;line-height:1.0em;
}
#homeTitle h3 span	{
	visibility:hidden;
}
#homeTitle a	{
	float:right;
	margin:0px;padding:0px;
	line-height:1.0em;
}
.homeList	{
	margin:0px 0px 30px 0px;padding:0px;
	list-style:none;
}
.homeList li	{
	margin:0px;padding:7px 0px;
	border-bottom:1px dotted #CCCCCC;
	font-size:90%;
}
.homeList li br	{
	display:none;
}
.homeList2	{
	margin:0px 0px 30px 0px;padding:0px;
	list-style:none;
}
.homeList2 li	{
	margin:0px;padding:7px 0px;
	border-bottom:1px dotted #CCCCCC;
	font-size:90%;
}

.pageNavi	{
	width:100%;margin:15px auto 5px auto;padding:0px;
	font-size:90%;line-height:1.0em;
}
.pageNavi a:link	{color:#333333;text-decoration:underline;}
.pageNavi a:visited	{color:#333333;text-decoration:underline;}
.pageNavi a:hover	{color:#333333;text-decoration:none;}
.pageNavi a:active	{color:#333333;text-decoration:none;}

#pageTitle	{
	clear:both;
	width:100%;height:120px;margin:0px auto 15px auto;padding:0px;
	text-align:center;
}
#pageTitle img	{width:100%;}
#pageTitleEnglish	{
	clear:both;
	width:100%;height:320px;margin:0px auto 15px auto;padding:0px;
	text-align:center;
}
#pageTitleEnglish img	{width:100%;}

#pageContents	{
	margin:0px;padding:0px;
}

/* index list */
#pageIndex	{
	padding:0px;
	list-style:none;
}
.pageIndexLeft	{
	float:left;
	width:330px;margin:0px 0px 20px 0px;
}
.pageIndexRight	{
	float:left;
	width:330px;margin:0px 0px 20px 20px;
}
.pageIndexTitle	{
	margin:0px 0px 15px 0px;padding:15px 0px;
	font-size:150%;font-weight:normal;color:#666666;text-decoration:none;
	border-top:1px solid #F048A3;border-bottom:2px solid #F048A3;
}
.pageIndexPhoto	{
	margin:0px 0px 10px 0px;padding:0px;
}
#pageIndex dd	{
	margin:0px 0px 12px 0px;padding:0px 0px 0px 20px;
	background:url(/img/arrow_il.gif) no-repeat 0px 2px;
}
#pageIndex a {color:#333333;}

#pageIndex02	{
	width:100%;padding:0px;
	list-style:none;
}
.pageIndexPhoto02	{
	margin:0px 0px 15px 0px;padding:0px;
}
#pageIndex02 dd	{
	float:left;
	width:305px;padding:10px 5px 10px 30px;
	background-image:url(/img/arrow_il.gif);
	background-position:7px 12px;
	background-repeat:no-repeat;
	background-color:#EEEEEE;
}
#pageIndex02 dd:nth-child(even)	 {margin:0px 10px 12px 0px;}
#pageIndex02 dd:nth-child(odd)	 {margin:0px 00px 12px 0px;}
#pageIndex a {color:#333333;}

#pageIndex03	{
	padding:0px;
	list-style:none;
}
.pageIndexTitle03	{
	margin:0px 0px 15px 0px;padding:15px 0px;
	font-size:150%;font-weight:normal;color:#666666;text-decoration:none;
	border-top:1px solid #F048A3;border-bottom:2px solid #F048A3;
}
#pageIndex03 dd	{
	margin:0px 0px 12px 15px;padding:0px 0px 0px 20px;
	background:url(/img/arrow_il.gif) no-repeat 0px 2px;
}
#pageIndex03 a {color:#333333;}

/* contents item */
#pageContents h3	{
	margin:0px 0px 20px 0px;padding:20px 0px;
	font-size:170%;font-weight:normal;color:#666666;
	border-top:1px solid #F048A3;border-bottom:2px solid #F048A3;
}
#pageContents h4	{
	clear:both;
	margin:0px 0px 15px 0px;padding:1px 0px 8px 20px;
	font-size:120%;color:#666666;line-height:1.4em;
	background:url(/img/top_subtitle_bg.gif) left bottom no-repeat;
}
#pageContents h5	{
	margin:0px 0px 15px 0px;padding:0px;
	font-size:120%;color:#872A5C;line-height:1.4em;
}
#pageContents h6	{
	margin:0px 0px 15px 0px;padding:0px;
	font-size:110%;color:#666666;line-height:1.4em;
}
#pageContents p	{
	margin:0px 0px 25px 0px;
	font-size:100%;line-height:1.5em;
}
#pageContents ul,#pageContents ol	{
	margin:0px 0px 30px 0px;padding:0px 0px 0px 10px;
	list-style-position:inside;
}
#pageContents ul li,#pageContents ol li	{
	margin:0px 0px 5px 0px;
	line-height:1.4em;
}

/* access */

#accessBox	{
	margin:0px 0px 50px 0px;padding:0px;
}
.accessMap	{
	float:left;
	width:302px;margin:0px;padding:0px;
	text-align:center;
}
.accessMap img	{
	margin:0px 0px 10px 0px;padding:0px;
	border:1px solid #555555;
}
.accessRight	{
	float:right;
	width:360px;margin:0px;padding:0px;
}
.gmap	{border:1px solid #555555;}

/* emphasise */
.emphasise01	{
	margin:0px 0px 25px 0px;padding:15px;
	background:#F5F5F5;border:2px solid #AAAAAA;
	font-size:100%;line-height:1.5em;
	border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;
}
.emphasise02	{
	margin:0px 0px 25px 0px;padding:15px;
	background:#FFFBE8;border:2px solid #FFCC66;
	font-size:100%;line-height:1.5em;
	border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;
}
.emphasise03	{
	margin:0px 0px 25px 0px;padding:15px;
	background:#FFECED;border:2px solid #FF9999;
	font-size:100%;line-height:1.5em;
	border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;
}
.emphasise04	{
	margin:0px 0px 25px 0px;padding:15px;
	background:#EEFFF0;border:2px solid #66CC33;
	font-size:100%;line-height:1.5em;
	border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;
}


/* photo */
#photoBox01	{
	margin:0px 0px 30px 0px;padding:0px;
}
.photoBox01	{
	display:-moz-inline-box;display:inline-block;/display:inline;/zoom:1;
	width:23%;margin:5px;padding:0px;
	vertical-align:top;
}
#photoBox01 h6	{
	margin:0px 0px 5px 0px;padding:0px;
	font-size:14px;
}
#photoBox01 p	{
	margin:0px 0px 5px 0px;padding:0px;
	font-size:12px;line-height:1.4em;
}

#photoBox02	{
	margin:0px 0px 30px 0px;padding:0px;
}
.photoBox02	{
	display:-moz-inline-box;display:inline-block;/display:inline;/zoom:1;
	width:46%;margin:5px;padding:0px;
	vertical-align:top;
}
#photoBox02 h6	{
	margin:0px 0px 5px 0px;padding:0px;
	font-size:14px;
}
#photoBox02 p	{
	margin:0px 0px 5px 0px;padding:0px;
	font-size:12px;line-height:1.4em;
}
#photoBox02 img	{
	float:left;
	margin-right:15px;
}

#photoBox03	{
	margin:0px 0px 30px 0px;padding:0px;
}
.photoBox03	{
	clear:both;
	width:92%;margin:5px;padding:0px;
	vertical-align:top;
}
#photoBox03 h6	{
	margin:0px 0px 5px 0px;padding:0px;
	font-size:14px;
}
#photoBox03 p	{
	margin:0px 0px 5px 0px;padding:0px;
	font-size:12px;line-height:1.4em;
}
#photoBox03 img	{
	float:left;
	margin-right:15px;
}

/* Q&A */
.qaList	{
	margin:0px 0px 20px 0px;padding:15px;
	background:#EEEEEE;
}
.qaList dd	{
	margin:0px 0px 15px 0px;padding:0px 0px 0px 20px;
	background:url(/img/icon_qa.gif) no-repeat 0px 4px;
	line-height:1.4em;
}
.qaList a {color:#333333;}

.qa	{
	margin:0px 0px 20px 0px;padding:0px 0px 20px 10px;
	border-bottom:1px dotted #CCCCCC;
	line-height:1.5em;
}
.qa dt	{
	height:32px;margin:0px 0px 10px 0px;padding:3px 0px 0px 32px;
	background:url(/img/icon_q.gif) no-repeat 0px 2px;
}

.qa dd	{
	height:32px;margin:0px 0px 10px 0px;padding:3px 0px 0px 32px;
	background:url(/img/icon_a.gif) no-repeat 0px 2px;
}

/* kouka */
.kouka	{
	height:350px;margin:0px;padding:20px 70px;
	background:url(/guide/outline/images/kouka_ga.png) no-repeat center top;
}
.kouka01	{
	float:left;
	width:240px;margin:0px;padding:0px;
	font-size:110%;
}
.kouka02	{
	float:right;
	width:240px;margin:0px;padding:0px;
	font-size:110%;
}

/* table */
#defaultTable	{}
#defaultTable table {
	margin:0px 0px 15px 0px;padding:0px;
	border-collapse:separate;
	border-spacing:1px;
	border:1px solid #CCCCCC;
	empty-cells:show;
	font-size:90%;line-height:1.5em;
}
#defaultTable th {
	padding:8px 12px;
	text-align:left;vertical-align:top;color:#FFFFFF;
	background-color:#FC8FC9;
	border-top:1px solid #E466AB;border-left:1px solid #E466AB;
	border-right:1px solid #DF81B4;border-bottom:1px solid #DF81B4;
	white-space:nowrap;
}
#defaultTable td {
	padding:8px 12px;
	background-color:#F8F4F8;
	border-bottom:1px solid #CCCCCC;
}

#defaultTable table.table_green {
	border: 2px solid #269426;
	text-align: center;
	padding: 5px;
	clear: #000;
}
#defaultTable table.table_green th {
	color: #FFFFFF;
	text-align: center;
	padding: 5px;
	font-weight: bold;
	border: 1px solid #003300;
	background: #269426;
}
#defaultTable table.table_green td {
	font-size: 90%;
	border: solid 1px #269426;
}


#defaultTable table.table_wood {
	border: 2px solid #7F5048;
	text-align: center;
	padding: 5px;
	clear: #000;
}
#defaultTable table.table_wood th {
	color: #FFFFFF;
	text-align: center;
	padding: 5px;
	font-weight: bold;
	border: 1px solid #330000;
	background: #7F5048;
}
#defaultTable table.table_wood td {
	font-size: 90%;
	border: solid 1px #7F5048;
}


#defaultTable table.table_brick {
	border: 2px solid #B83030;
	text-align: center;
	padding: 5px;
	clear: #000;
}
#defaultTable table.table_brick th {
	color: #FFFFFF;
	text-align: center;
	padding: 5px;
	font-weight: bold;
	border: 1px solid #800000;
	background: #B83030;
}
#defaultTable table.table_brick td {
	font-size: 90%;
	border: solid 1px #B83030;
}


#defaultTable table.table_navy {
	border: 2px solid #2B537E;
	text-align: center;
	padding: 5px;
	clear: #000;
}
#defaultTable table.table_navy th {
	color: #FFFFFF;
	text-align: center;
	padding: 5px;
	font-weight: bold;
	border: 1px solid #000080;
	background: #2B537E;
}
#defaultTable table.table_navy td {
	font-size: 90%;
	border: solid 1px #2B537E;
}


#defaultTable table.table_orange {
	border: 2px solid #FF6600;
	text-align: center;
	padding: 5px;
	clear: #000;
}
#defaultTable table.table_orange th {
	color: #FFFFFF;
	text-align: center;
	padding: 5px;
	font-weight: bold;
	border: 1px solid #FF3300;
	background: #FF6600;
}
#defaultTable table.table_orange td {
	font-size: 90%;
	border: solid 1px #FF3300;
}


#defaultTable table.table_none {
	border: 0px;
	text-align: center;
	padding: 5px;
	clear: #000;
}
#defaultTable table.table_none th {
	color: #FFFFFF;
	text-align: center;
	padding: 5px;
	font-weight: bold;
	border: 0px;
}
#defaultTable table.table_none td {
	font-size: 90%;
	border: 0px;
}


#defaultTable table.table1 {
	clear: both;
	margin: 10px 25px;
	border-collapse: collapse;
	border: 1px solid #666;
	border-spacing: 0;
	empty-cells: show;
}

#defaultTable table.table1 caption {
	color: #000;
	text-align: center;
	padding: 5px;
	font-weight: bold;
}

#defaultTable table.table1 th {
	color: #000;
	text-align: center;
	padding: 5px;
	font-weight: bold;
	border: 1px solid #999;
	background: #ccc;
}
#defaultTable table.table1 td {
	text-align: left;
	padding: 5px;
	border: 1px solid #999;
}


#defaultTable table.table2 {
	clear: both;
	margin: 10px 25px;
	border-collapse: collapse;
	border: 1px solid #000;
	border-spacing: 0;
	empty-cells: show;
}

#defaultTable table.table2 caption {
	color: #000;
	text-align: center;
	padding: 5px;
	font-weight: bold;
}

#defaultTable table.table2 th {
	color: #fff;
	text-align: center;
	padding: 5px;
	font-weight: bold;
	border: 1px solid #000;
	background: #000 !important;
}
#defaultTable table.table2 td {
	text-align: left;
	padding: 5px;
	border: 1px solid #000;
}


#defaultTable table.table3 {
	clear: both;
	margin: 10px 25px;
	border-collapse: separate;
	border: 0 solid #000;
	border-spacing: 5px;
	empty-cells: show;
}

#defaultTable table.table3 caption {
	color: #000;
	text-align: center;
	padding: 5px;
	font-weight: bold;
}

#defaultTable table.table3 th {
	color: #000;
	text-align: center;
	padding: 5px;
	font-weight: bold;
	border: 0 solid #000;
	background: #ccc;
}
#defaultTable table.table3 td {
	text-align: left;
	padding: 5px;
	border: 0 solid #000;
}



#freeTable	{}
#freeTable table {
	margin:0px 0px 15px 0px;padding:0px;
	border-collapse:separate;
	border-spacing:1px;
	border:1px solid #CCCCCC;
	empty-cells:show;
	font-size:90%;line-height:1.5em;
}
#freeTable th {
	padding:8px 12px;
	border-bottom:1px solid #CCCCCC;
	white-space:nowrap;
}
#freeTable td {
	padding:8px 12px;
	border-bottom:1px solid #CCCCCC;
}

#syllabusTable {
	margin:0px 0px 15px 0px;padding:0px;
	border-collapse:separate;
	border-spacing:1px;
	border:1px solid #CCCCCC;
	empty-cells:show;
	font-size:90%;line-height:1.5em;
}
#syllabusTable th {
	padding:8px 12px;
	text-align:center;color:#FFFFFF;
	border-bottom:1px solid #CCCCCC;
	white-space:nowrap;
}
#syllabusTable td {
	padding:8px 12px;
	vertical-align:top;
	border-bottom:1px solid #CCCCCC;
}

#teacherTable01	{}
#teacherTable01 table {
	margin:0px 0px 15px 0px;padding:0px;
	border-collapse:separate;
	border-spacing:1px;
	border:1px solid #CCCCCC;
	empty-cells:show;
	font-size:90%;line-height:1.5em;
}
#teacherTable01 th {
	width:20%;padding:8px 12px;
	text-align:center;vertical-align:top;color:#FFFFFF;
	background-color:#FC8FC9;
	border-top:1px solid #E466AB;border-left:1px solid #E466AB;
	border-right:1px solid #DF81B4;border-bottom:1px solid #DF81B4;
	white-space:nowrap;
}
#teacherTable01 td {
	padding:8px 12px;
	background-color:#F8F4F8;
	border-bottom:1px solid #CCCCCC;
}

#formConfirm	{}



/*===========================================================================================*/
/* home 2025 */
/*===========================================================================================*/

#topMainMovie {
    display:block;    
    position:relative;
	width:100%;margin:2px auto 0px auto;padding:0px 0px 0px 0px;
    line-height:0;
    background-color:#fff0f0;
}
.topMainMovie {
    display:block;
    width:100%;max-width:1600px;margin:0px auto;padding:0px;
	aspect-ratio:16/9;
	vertical-align:top;
}
.topMainMovie video {
	width:100%;height:100%;
}

.tmiShadowT		{
	position:absolute;top:0px;left:0px;
	width:100%;height:20px;margin:0px;padding:0px;
	background:url(/css/img/shadow_top.png) top;
	z-index:5;
}
.tmiShadowB		{
	position:absolute;bottom:0px;left:0px;
	width:100%;height:20px;margin:0px;padding:0px;
	background:url(/css/img/shadow_bottom.png) bottom;
	z-index:5;
}

/* emergency
---------------------------------------------------------------------------------------------*/
.topEmergencyBox {
    position:absolute;bottom:60px;left:60px;
    width:50%;max-width:640px;
}

/* banner
---------------------------------------------------------------------------------------------*/
#bannerBoxL	{
	clear:both;
	display:block;
	width:100%;margin:0px auto;padding:0px 0px 0px 0px;
    background-color:rgba(255,255,255,1.0);
}
.bannerBoxIn {
	display:block;
	max-width:1160px;min-width:1000px;margin:0px auto;padding:60px 20px 60px 20px;
}

.bnrList {
    display:block;
    text-align:center;
	font-size:0;
}
.bnrList article {
    position:relative;
    display:inline-block;
    padding:0px;
    vertical-align:top;
}
.bnrList3 article {width:32%;margin-right:2%;}
.bnrList3 article:nth-child(3n) {margin-right:0%;}

.bnrRequest {
    height:240px;
    background-color:rgba(255,204,204,1.00);
    border-radius:10px;
}
.bnrRequest h6 {
    position:absolute;top:20px;left:-10px;
    min-width:200px;margin:0px;padding:5px 20px 8px 20px;
    font-size:22px;color:rgba(255,255,255,1.00);letter-spacing:0.1em;line-height:1.0em;
    font-family:'Zen Maru Gothic', sans-serif;font-weight:500;
    text-align:left;
    background-color:rgba(255,102,102,1.00);
    border-radius:0px 20px 20px 0px;
    z-index:5;
}
.bnrRequest h6::before {
    position:absolute;top:100%;left:0;
    content:'';
    border:none;
    border-bottom:solid 10px transparent;
    border-right:solid 10px rgb(0,0,0,0.20);
}
.bnrRequest .text {
    position:absolute;bottom:30px;left:7.5%;
    width:90px;height:90px;margin:0px;padding:25px 20px 15px 20px;
    font-size:18px;color:rgba(255,255,255,1.00);line-height:1.6em;letter-spacing:0.1em;
    font-family:'Zen Maru Gothic', sans-serif;font-weight:600;
    background-color:rgba(255,153,153,1.00);
    transform:rotate(-30deg);border-radius:50%;
    z-index:4;
}
.bnrRequest .dots {
    position:absolute;top:0px;left:0px;
    width:100%;height:100%;
    overflow:hidden;
    border-radius:10px;
    z-index:3;
}
.bnrRequest .dots img {
    width:100%;height:100%;
    margin-top:0px;
    object-fit:cover;
}
.bnrRequest .book {
    position:absolute;top:0px;left:0px;
    width:100%;height:100%;
    text-align:right;
    overflow:hidden;
    z-index:2;
}
.bnrRequest .book img {
    width:180px;height:auto;
    margin-right:30px;
    transform:rotate(30deg);
}

.bnrWOC {
    height:240px;
    background-color:rgba(158,223,214,1.00);
    border-radius:10px;
}
.bnrWOC h6 {
    position:absolute;top:20px;left:-10px;
    min-width:200px;margin:0px;padding:5px 20px 8px 20px;
    font-size:22px;color:rgba(255,255,255,1.00);letter-spacing:0.1em;line-height:1.0em;
    font-family:'Zen Maru Gothic', sans-serif;font-weight:500;
    text-align:left;
    background-color:rgba(51,204,204,1.00);
    border-radius:0px 20px 20px 0px;
    z-index:5;
}
.bnrWOC h6::before {
    position:absolute;top:100%;left:0;
    content:'';
    border:none;
    border-bottom:solid 10px transparent;
    border-right:solid 10px rgb(0,0,0,0.20);
}
.bnrWOC .text {
    position:absolute;bottom:20px;left:0px;
    width:100%;margin:0px;padding:5px 0px;
    font-size:18px;color:rgba(255,255,255,1.00);line-height:1.6em;letter-spacing:0.1em;
    font-family:'Zen Maru Gothic', sans-serif;font-weight:600;
    background-color:rgba(51,204,204,1.00);
    z-index:4;
}
.bnrWOC .text span {
    display:inline-block;
    margin:0px auto;padding:0px 0px 0px 48px;
    background-image:url("/img2025/icon_camera.svg");
    background-position:0% 50%;
    background-repeat:no-repeat;
    background-size:32px;
}
.bnrWOC .title {
    position:absolute;top:65px;left:0px;
    width:100%;
    text-align:center;
    overflow:hidden;
    z-index:3;
}
.bnrWOC .title img {
    width:85%;height:auto;
}
.bnrWOC .back {
    position:absolute;top:0px;left:0px;
    width:100%;height:100%;
    overflow:hidden;
    border-radius:10px;
    z-index:2;
}
.bnrWOC .back img {
    width:100%;height:100%;
    margin-top:0px;
    object-fit:cover;
}

.bnrGraduate {
    height:240px;
    background-color:rgba(153,204,255,1.00);
    border-radius:10px;
}
.bnrGraduate h6 {
    position:absolute;top:20px;left:-10px;
    min-width:200px;margin:0px;padding:5px 20px 8px 20px;
    font-size:22px;color:rgba(255,255,255,1.00);letter-spacing:0.1em;line-height:1.0em;
    font-family:'Zen Maru Gothic', sans-serif;font-weight:500;
    text-align:left;
    background-color:rgba(102,153,255,1.00);
    border-radius:0px 20px 20px 0px;
    z-index:5;
}
.bnrGraduate h6::before {
    position:absolute;top:100%;left:0;
    content:'';
    border:none;
    border-bottom:solid 10px transparent;
    border-right:solid 10px rgb(0,0,0,0.20);
}
.bnrGraduate .text {
    position:absolute;bottom:20px;left:0px;
    width:100%;margin:0px;padding:5px 0px;
    font-size:18px;color:rgba(102,153,255,1.00);line-height:1.6em;
    font-family:'Zen Maru Gothic', sans-serif;font-weight:600;
    background-color:rgba(255,255,255,0.5);
    z-index:4;
}
.bnrGraduate .dots {
    position:absolute;top:0px;left:0px;
    width:100%;height:100%;
    overflow:hidden;
    border-radius:10px;
    z-index:3;
}
.bnrGraduate .dots img {
    width:100%;height:100%;
    margin-top:0px;
    object-fit:cover;
}
.bnrGraduate .photo1 {
    position:absolute;top:0px;right:15px;
    overflow:hidden;
    z-index:3;
}
.bnrGraduate .photo1 img {
    width:150px;height:150px;margin-top:-10px;
    border-radius:50%;
}
.bnrGraduate .photo2 {
    position:absolute;top:40px;left:15px;
    overflow:hidden;
    z-index:3;
}
.bnrGraduate .photo2 img {
    width:125px;height:125px;margin-top:-10px;
    border-radius:50%;
}
.bnrGraduate .photo3 {
    position:absolute;bottom:0px;left:calc(50% - 50px);
    height:100px;
    overflow:hidden;
    z-index:2;
}
.bnrGraduate .photo3 img {
    width:100px;height:100px;margin-top:20px;
    border-radius:50%;
}

/* banner M */
.bnrM {
    height:160px;
    border-radius:10px;
}
.bnrM a {opacity:1.0 !important;}
.bnrM h6 {
    position:absolute;top:15px;left:20px;
    min-width:200px;margin:0px;padding:0px;
    font-size:22px;color:rgba(0,0,0,1.00);line-height:1.25em;letter-spacing:0.1em;
    font-family:'Zen Maru Gothic', sans-serif;font-weight:600;
    text-align:left;
    z-index:5;
}
.bnrM .text {
    position:absolute;bottom:20px;left:0px;
    width:100%;margin:0px;padding:5px 0px;
    font-size:18px;color:rgba(255,255,255,1.00);line-height:1.6em;letter-spacing:0.1em;
    font-family:'Zen Maru Gothic', sans-serif;font-weight:600;
    background-color:rgba(51,204,204,1.00);
    z-index:4;
}
.bnrM .text span {
    display:inline-block;
    margin:0px auto;padding:0px 0px 0px 48px;
    background-image:url("/img2025/icon_camera.svg");
    background-position:0% 50%;
    background-repeat:no-repeat;
    background-size:32px;
}
.bnrM .icon {
    position:absolute;bottom:10px;left:7.5%;
    width:100px;height:100px;
    overflow:hidden;
    z-index:4;
}
.bnrM .icon img {
    width:100%;height:100%;
    margin-top:0px;
}
.bnrM .back {
    position:absolute;top:0px;left:0px;
    width:100%;height:100%;
    overflow:hidden;
    border-radius:10px;
    z-index:3;
}
.bnrM .back img {
    width:100%;height:100%;
    margin-top:0px;
    object-fit:cover;
    transition:.3s;
}
.bnrM:hover .back img {
    width:110%;height:110%;
    transition:.3s;
    opacity:1.00 !important;
}
.bnrM .photo {
    position:absolute;top:0px;left:0px;
    width:100%;height:100%;
    text-align:right;
    overflow:hidden;
    border-radius:10px;
    z-index:2;
}
.bnrM .photo img {
    width:auto;height:100%;
    margin-top:0px;
}

/* button
---------------------------------------------------------------------------------------------*/
#buttonBox	{
	clear:both;
	display:block;
	width:100%;margin:0px auto;padding:0px 0px 0px 0px;
    background-image:url("/img2025/photo_all.jpg");
    background-repeat:no-repeat;
    background-position:50% 50%;
    background-size:cover;
}
.buttonBoxIn {
	display:block;
    background-color:rgba(255,255,255,0.75);
}
.btnList {
    display:block;
	max-width:1180px;min-width:940px;margin:0px auto;padding:50px 10px 50px 10px;
    text-align:center;
	font-size:0;
}
.btnList article {
    position:relative;
    display:inline-block;
    width:calc(25% - 20px);height:80px;margin:10px;padding:0px;
    text-align:center;
    background-color:rgba(255,204,204,1.00);
    background-image:url("/img2025/btn_bg.svg");
    border-radius:10px;
    vertical-align:top;
}
.btnList article a {
    display:block;
    width:100%;height:100%;
}
.btnList article a h6 {
    position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);
    min-width:180px;margin:0px;padding:5px 10px 6px 10px;
    font-size:20px;color:rgba(255,255,255,1.00);letter-spacing:0.05em;line-height:1.0em;
    font-family:'Zen Maru Gothic', sans-serif;font-weight:500;
    background-color:rgba(255,255,255,0.00);
    border:1px solid rgba(255,255,255,1.00);
    transition:.2s;
}
.btnList article a:hover h6 {
    color:rgba(226,106,183,1.00);
    background-color:rgba(255,255,255,0.65);
    transition:.2s;
}

/* information
---------------------------------------------------------------------------------------------*/
#informationBox	{
	clear:both;
	display:block;
	width:100%;margin:0px auto;padding:0px 0px 0px 0px;
    background-color:rgba(236,55,153,0.2);
}
.informationBoxIn {
	display:block;
	max-width:1160px;min-width:920px;margin:0px auto;padding:60px 20px 60px 20px;
	font-size:0;
    text-align:center;
}
.infoTitle {
    display:inline-block;
    min-width:300px;margin:0px auto 60px auto;
    font-size:36px;color:rgba(226,106,183,1.00);line-height:1.0em;letter-spacing:0.25em;text-indent:0.25em;
    font-family:'Zen Maru Gothic', sans-serif;font-weight:600;
    text-align:center;
}
.infoTitle span {
    display:block;
    margin-top:10px;padding:5px 20px;
    font-size:16px;color:rgba(255,255,255,1.00);line-height:1.0em;letter-spacing:0.0em;text-indent:0.0em;
    background-color:rgba(226,106,183,1.00);
    border-radius:20px;
}

.informationBoxIn > article {
    position:relative;
	display:inline-block;
	width:49%;margin:0px 2.0% 0px 0px;padding:0px;
    background-color:rgba(255,255,255,1.00);
    border-radius:0px 20px 0px 0px;
    vertical-align:top;
}
.informationBoxIn > article:last-child {margin:0px 0.0% 0px 0px;}

.informationBoxIn > article > h4 {
	width:200px;margin:20px 2.0% 0px 0px;padding:5px 20px;
    font-size:18px;color:rgba(255,255,255,1.00);line-height:1.2em;letter-spacing:0.1em;text-indent:0.1em;
    font-family:'Zen Maru Gothic', sans-serif;font-weight:600;
    text-align:left;
    border-radius:0px 20px 20px 0px;
}
.informationBoxIn > article.infoNew > h4 {background-color:rgba(51,153,204,1.00);}
.informationBoxIn > article.infoExam > h4 {background-color:rgba(226,106,183,1.00);}

.informationBoxIn > article > .more {
    position:absolute;top:30px;right:20px;
}
.informationBoxIn > article > .more a {
    padding:3px 32px 3px 16px;
    font-size:12px;color:rgba(255,255,255,1.00) !important;font-weight:400;line-height:1.2em;
    text-decoration:none;
    border-radius:20px;
    background-image: url("/img2025/arrow_w.svg");
    background-position:90% 50%;
    background-repeat:no-repeat;
    background-size:16px;
}
.informationBoxIn > article.infoNew > .more a {background-color:rgba(51,153,204,1.00);}
.informationBoxIn > article.infoExam > .more a {background-color:rgba(226,106,183,1.00);}

.homeList2025 {
    display:block;
	margin:0px;padding:20px;
    text-align:left;
    list-style:none;
}
.homeList2025 li {
    display:block;
	margin:0px;padding:0px;
    border-top:1px solid rgba(0,0,0,0.15);
}
.homeList2025 li:last-child {
    border-bottom:1px solid rgba(0,0,0,0.15);
}
.homeList2025 li a {
    display:block;
    margin:0px;padding:8px 30px 8px 0px;
	font-size:13px;color:rgba(0,0,0,1.0);font-weight:normal;line-height:1.5em;
    text-decoration:none;
	text-align:left;
    vertical-align:middle;
    background-image:url("/img2025/arrow_p.svg");
    background-position:100% 50%;
    background-repeat:no-repeat;
    background-size:16px;
    overflow:hidden;
    transition:.3s;
}
.homeList2025 li a:hover {
    margin:0px;padding:8px 20px 8px 0px;
    background-color:rgba(0,0,0,0.05);
    opacity:1.0 !important;
    transition:.3s;
}

.homeList2025 li a img:first-child {
    position:relative;
    display:inline-block;
    width:70px;height:18px;margin:0px 12px 0px -10px;line-height:1.0em;
    transition:.3s;
}
.homeList2025 li a:hover img:first-child {
    margin:0px 12px 0px 0px;
    transition:.3s;
}
.homeList2025 li a img:last-child {
    display:inline-block;
    margin:0px 0px 5px 12px;line-height:1.0em;
}


.catIcon {
    display:inline-block;
    position:relative;
    width:50px;margin:0px 12px 0px 0px;padding:3px 12px 3px 6px;line-height:1.0em;
    font-size:10px;font-weight:normal;color:rgba(255,255,255,1.0);
    background-color:rgba(33,97,117,1.0);
    border-radius:0px 20px 20px 0px;
    transition:.3s;
}
h3 .catIcon {display:none !important;}
.catInfo     {background-color:rgba(51,153,204,1.0);}
.catExam     {background-color:rgba(226,106,183,1.0);}
.catRecruit  {background-color:rgba(51,153,204,1.0);}
.catTime     {background-color:rgba(229,172,47,1.00);}
.catUpdate   {background-color:rgba(224,77,79,1.00);}
.catOther    {background-color:rgba(128,128,128,1.0);}
.homeList2025 li a:hover .catIcon {width:60px !important;transition:.3s;}

.homeList2025 li a .date {
    display:inline-block;
    margin:0px 12px 0px 0px;padding:3px 0px;
    font-size:11px;color:rgba(0,0,0,0.75);line-height:1.0em;
}
.homeList2025 li a br {display:none;}

.newIcon	{
    display:inline-block;
	margin:0px 0px 0px 10px;padding:3px 8px 3px 8px;
    font-size:10px;color:rgba(255,255,255,1.0);line-height:1.0em;
    border-radius:3px;
    background-color:#fb1515;
}




/* -----------------------------------------------------------------------------------
 side contents
----------------------------------------------------------------------------------- */

#sideContents h5	{
	margin:0px 0px 5px 0px;padding:0px 0px 5px 0px;
	line-height:1.0em;
	border-bottom:2px solid #D07A7A;
}
.sideBanner	{
	padding:0px;
	list-style:none;
}
.sideBanner li	{
	line-height:1.0em;
}
.sideBanner01	{
	margin:0px 0px 15px 0px;
}
.sideBanner02	{
	margin:0px 0px 0px 0px;
}
.sideBanner01 li	{
	margin:0px 0px 5px 0px;padding:0px;
}
.sideBanner02 li	{
	margin:0px 0px 0px 0px;padding:0px;
}
.sideBanner li span	{
	position:absolute;
	visibility:hidden;
	width:0;height:0;overflow:hidden;
}
.sideLine	{
	height:0px;margin:0px 0px 15px 0px;padding:0px;
	border-bottom:2px solid #D07A7A;
}

#sideContents h3	{display:none;}

#sideMenu	{display:none;}

/* -----------------------------------------------------------------------------------
 common
----------------------------------------------------------------------------------- */

#clear	{clear:both;}
.clear	{clear:both;}
.clear10	{clear:both;margin-bottom:10px;}
.clear20	{clear:both;margin-bottom:20px;}
.clear30	{clear:both;margin-bottom:30px;}
.clear40	{clear:both;margin-bottom:40px;}
.clear50	{clear:both;margin-bottom:50px;}
.clear60	{clear:both;margin-bottom:60px;}
.clearfix	{clear:both;}

hr {
	clear:both;
	height:2px;margin:0px 0px 15px 0px;
	border:none;
	background:#CCCCCC;
}

.indent20	{padding-left:20px;}
.indent30	{padding-left:30px;}
.indent40	{padding-left:40px;}
.indent50	{padding-left:50px;}

.indent01	{padding-left:40px;margin-left: 1.0em;text-indent: -1.5em;}


.imageLeft,.wcvimg-floatleft	{
	float:left;
	margin:0px 20px 20px 0px;padding:0px;
}
.imageRight,.wcvimg-floatright	{
	float:right;
	margin:0px 0px 20px 20px;padding:0px;
}

.wcvleft	{text-align:left;}
.wcvcenter	{text-align:center;}
.wcvright	{text-align:right;}

.wcvcenter	{text-align:center;}
.wcvimg-center	{text-align:center;}

.wcv-centerbox	{
	margin:0px 0px 20px 0px;padding:0px;
	text-align:center;
}
.wcv-centerimg-l	{
	display:-moz-inline-box;display:inline-block;/display:inline;/zoom:1;
	margin:0px 10px;
	text-align:center;
}
.wcv-centerimg-r	{
	display:-moz-inline-box;display:inline-block;/display:inline;/zoom:1;
	margin:0px 10px;
	text-align:center;
}
.wcv-centerimg-3-top,.wcv-centerimg-3	{
	display:-moz-inline-box;display:inline-block;/display:inline;/zoom:1;
	margin:0px 10px;
	text-align:center;
}

/* button */
.btn01	{
	clear:both;
	margin:0px 0px 20px 0px;padding:20px 0px;
	text-align:center
}
.btn01 a	{
	margin:0px;padding:5px 25px;
	background:#F69;
	border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;
	font-size:16px;
}
.btn01 a:link		{color:#FFFFFF;text-decoration:none;}
.btn01 a:visited	{color:#FFFFFF;text-decoration:none;}
.btn01 a:hover		{color:#FFFFCC;text-decoration:none;}
.btn01 a:active		{color:#FFFFCC;text-decoration:none;}

/* form */
form	{
	margin:0px;padding:0px;
}
.formText	{
	margin-bottom:1px;padding:2px;
	border:1px solid #CCCCCC;
	font-size:100%;line-height:1.4em;
}
.formButton	{
	margin:5px;padding:8px;
	font-size:100%;
	cursor:pointer;
}
form table th img	{
	margin-left:5px;
	vertical-align:middle;
}

/* image link */
a img	{
	border:none;
	margin:0px;padding:0px;
}
a:hover img	{
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
 	opacity:0.75;
}

/* icon */
a[href$=".pdf"] {
	padding:0px 45px 0px 0px;  
    background:url(/img/icon_pdf.gif) no-repeat right 5px;  
}
* html a.pdf{   
	padding:0px 45px 0px 0px;  
    background:url(/img/icon_pdf.gif) no-repeat right 5px;  
}
a[href$=".doc"] {   
	padding:0px 45px 0px 0px;  
    background:url(/img/icon_word.gif) no-repeat right 5px;  
}
* html a.doc    {   
	padding:0px 45px 0px 0px;  
    background:url(/img/icon_word.gif) no-repeat right 5px;  
}
a[href$=".xls"] {   
	padding:0px 45px 0px 0px;  
    background:url(/img/icon_excel.gif) no-repeat right 5px;  
}
* html a.xls{   
	padding:0px 45px 0px 0px;  
    background:url(/img/icon_excel.gif) no-repeat right 5px;  
}
a[href$=".docx"] {   
	padding:0px 45px 0px 0px;  
    background:url(/img/icon_word.gif) no-repeat right 5px;  
}
* html a.docx    {   
	padding:0px 45px 0px 0px;  
    background:url(/img/icon_word.gif) no-repeat right 5px;  
}
a[href$=".xlsx"] {   
	padding:0px 45px 0px 0px;  
    background:url(/img/icon_excel.gif) no-repeat right 5px;  
}
* html a.xlsx{   
	padding:0px 45px 0px 0px;  
    background:url(/img/icon_excel.gif) no-repeat right 5px;  
}
a.glinks {
	padding:0px 45px 0px 0px;  
    background:url(/img/icon_gaibu.gif) no-repeat right 5px;  
}

/* -----------------------------------------------------------------------------------
 footer
----------------------------------------------------------------------------------- */

.pagetop	{display:none;}

#footerMenu	{display:none;}

#footer	{
	clear:both;
	width:100%;margin:0px;padding:0px;
}
.footer	{
	margin:0px;padding:15px 0px 0px 0px;
	border-top:2px solid #CCCCCC;
}
.footerAddress	{
	margin:0px 0px 10px 0px;padding:0px;
	text-style:normal;line-height:1.4em;
}
.footerAddress h6	{
	margin:0px 0px 5px 0px;padding:0px;
	font-size:14px;
}
.footerCopy	{
	margin:0px;padding:0px;
	text-align:right;line-height:1.4em;
}
.spNone	{display:none;}

#kirikae	{display:none;}
.spfMenu	{display:none;}
#spFooter	{display:none;}
.spPagetop	{display:none;}



.footer2025 {display:none;}

/* footer contents
-----------------------------------------*/
.footerContents {
    display:block;
	margin:0px auto;padding:30px 20px 30px 20px;
    background:linear-gradient(0deg,#ec3799 0%,#fa9ecf 100%);
}
.footerContents article {
    display:block;
	max-width:1160px;min-width:960px;margin:0px auto;padding:0px 20px;
    font-size:0;
    color:rgba(255,255,255,1.00);
}

.address {
    position:relative;
    display:inline-block;
    width:50%;margin:0px;padding:0px;
}
.address h6 {
    display:block;
    margin:0px 0px 15px 0px;padding:0px;
    font-size:14px;font-weight:600;
}
.address p {
    display:block;
    margin:0px 0px 0px 0px;padding:0px;
    font-size:12px;line-height:1.8em;
}
.footerSNS {display:none;}

.copy	{
    display:inline-block;
	width:50%;margin:0px;padding:0px;
    font-size:12px;line-height:1.8em;
    text-align:right;
}

/* pagetop button
-----------------------------------------*/
#pagetop {
	position:fixed;bottom:100px;right:20px;
	line-height:0;
	z-index:99;

}
#pagetop img {
	width:50px;height:auto;
}


/* -----------------------------------------------------------------------------------
 font
----------------------------------------------------------------------------------- */

a:link		{color:#0066FF;text-decoration:underline;}
a:visited	{color:#0066FF;text-decoration:underline;}
a:hover		{color:#FF6600;text-decoration:none;}
a:active	{color:#FF6600;text-decoration:none;}

.size1		{font-size:80%;}
.size2		{font-size:90%;}
.size3		{font-size:100%;}
.size4		{font-size:110%;}
.size5		{font-size:120%;}

.colorBlk	{color:#000000;}
.colorGry	{color:#666666;}
.colorWht	{color:#FFFFFF;}
.colorNvy	{color:#000080;}
.colorBlu	{color:#0066CC;}
.colorOlv	{color:#808000;}
.colorGrn	{color:#008000;}
.colorMrn	{color:#800000;}
.colorPnk	{color:#E9287D;}
.colorRed	{color:#FF0000;}
.colorOrg	{color:#FF6600;}
.colorYlw	{color:#FFCC00;}

.colorBlkBold	{color:#000000;font-weight:bold;}
.colorGryBold	{color:#666666;font-weight:bold;}
.colorWhtBold	{color:#FFFFFF;font-weight:bold;}
.colorNvyBold	{color:#000080;font-weight:bold;}
.colorBluBold	{color:#0066CC;font-weight:bold;}
.colorOlvBold	{color:#808000;font-weight:bold;}
.colorGrnBold	{color:#008000;font-weight:bold;}
.colorMrnBold	{color:#800000;font-weight:bold;}
.colorPnkBold	{color:#E9287D;font-weight:bold;}
.colorRedBold	{color:#FF0000;font-weight:bold;}
.colorOrgBold	{color:#FF6600;font-weight:bold;}
.colorYlwBold	{color:#FFCC00;font-weight:bold;}

/* point font */

.pointNvy	{font-size:10px;color:#000080;margin-right:3px;}
.pointBlu	{font-size:10px;color:#0000FF;margin-right:3px;}
.pointGrn	{font-size:10px;color:#008000;margin-right:3px;}
.pointMrn	{font-size:10px;color:#800000;margin-right:3px;}
.pointPpl	{font-size:10px;color:#800080;margin-right:3px;}
.pointRed	{font-size:10px;color:#FF0000;margin-right:3px;}
.pointOrg	{font-size:10px;color:#FF6600;margin-right:3px;}
.pointYlw	{font-size:10px;color:#FFCC00;margin-right:3px;}

/* -----------------------------------------------------------------------------------
 menu option
----------------------------------------------------------------------------------- */



/*----- end ------------------------------------------------------------------------*/