@font-face { font-family: 'MPLUS1pMediumWeb'; src: url('/_load/_fonts/MPLUS1p-Medium2.woff2') format('woff2'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'MPLUS1pRegularWeb'; src: url('/_load/_fonts/MPLUS1p-Regular2.woff2') format('woff2'); font-weight: normal; font-style: normal; font-display: swap; }
* { font-family: 'Noto Sans JP','Hiragino Sans','ヒラギノ角ゴ','メイリオ',Meiryo,'ＭＳ Ｐゴシック','sans-serif','Lucida Grande','Arial','Osaka'; }
:root {
	
	
	--font_mplus1prw: 'MPLUS1pRegularWeb';
	--font_mplus1pmw: 'MPLUS1pMediumWeb';
}
:root {
	
	--color1:#94a0c5;
	--color2:#6474a7;

	
	--color1:#8d99e2;
	--color2:#3a489c;
	
	
	--color3:#ff9343;
	--color4:#ffd543;
	
}

@media screen,print {

	body {
		background-color:#222; 
		font-size:14px;
		line-height:1.7em; 
		margin:0px; padding:0px;
		width:100%; 
		min-width:390px; 
	}
	html>
	overflow:-moz-scrollbars-vertical;
	}

	* { box-sizing: border-box; word-break:break-all; }

	.cf:before,.cf:after { content: " "; display: table; font-size:0; height:0; }
	.cf:after { clear: both; }
	.cf { *zoom: 1; }

	
	h1,h2,h3,h4,h5,h6,p,ul,li,div,form,input,select,table,td,tr { line-height:1.5em; font-weight:normal; }
	h1,h2,h3,h4,h5,h6,p,form,input,select { margin:0px;margin-bottom:0px; }
	p,ul,li,div,form,input,select,table,td,tr { line-height:1.7em; }
	h1,h2 { font-weight:900; }

	p,li,ul,td,table,tr,th,a { color:#444; font-size:1em; }

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}
.clearfix {
  *zoom: 1;
}
.clear { clear:both; }


			
			div#wait { position:fixed; width:100%; height:100%; background:#fff; z-index:101; display:flex; align-items:center; transition: opacity 0.5s ease; opacity: 1; }
			.hide { opacity: 0 !important; }
			.loader {
				display: inline-block;
				position: relative;
				width: 200px;
				height: 200px;
				margin:0 auto;
			}
			.loader img { width:100%; }
			



.boxitem::before { content:"●"; margin-right:0.1em; color:#aaa; }
.boxitem { margin-right:1em; }

.arrowrb:before {
    background: transparent url(/_images/arrowr.jpg) 0 0 no-repeat;
    background-size: 1.2em;
    width: 1.2em;
    height: 1.2em;
    content: "";
    display: inline-block;
    vertical-align:middle; 
    margin-right:0.3em; 
    margin-left: 0.3em;
    margin-bottom: 0.2em;
}
.arrowra:after {
    background: transparent url(/_images/arrowr.jpg) 0 0 no-repeat;
    background-size: 1.2em;
    width: 1.2em;
    height: 1.2em;
    content: "";
    display: inline-block;
    vertical-align:middle; 
    margin-right:0.3em; 
    margin-left: 0.3em;
    margin-bottom: 0.2em;
}

.external:after {
    background: transparent url(/_images/external.svg) 0 0 no-repeat;
    background-size: 0.8em;
    width: 0.8em;
    height: 0.9em;
    content: "";
    display: inline-block;
    vertical-align:middle; 
    margin-left: 0.3em;
    margin-bottom: 0.2em;
}
.externalw:after {
    background: transparent url(/_images/externalw.svg) 0 0 no-repeat;
    background-size: 0.8em;
    width: 0.8em;
    height: 0.9em;
    content: "";
    display: inline-block;
    vertical-align:middle; 
    margin-left: 0.3em;
    margin-bottom: 0.2em;
}
.externalb:after {
    background: transparent url(/_images/externalb.svg) 0 0 no-repeat;
    background-size: 0.8em;
    width: 0.8em;
    height: 0.9em;
    content: "";
    display: inline-block;
    vertical-align:middle; 
    margin-left: 0.3em;
    margin-bottom: 0.2em;
}

:placeholder-shown { color: #aaa; }
::-webkit-input-placeholder { color: #aaa; }
:-moz-placeholder { color: #aaa; opacity: 1; }
::-moz-placeholder { color: #aaa; opacity: 1; }
:-ms-input-placeholder { color: #aaa; }






.more { display:block; width: fit-content; line-height:1em; text-align:center; background-color:var(--color1); color:#fff; margin:0.4em 0 1em 0; padding:0.5em 2em; text-decoration:none; font-size:1.1em; cursor:pointer; position:relative; }
.more:hover { background-color:var(--color2); color:#fff; }

a.linkbutton { display:inline-block; width: fit-content; line-height:1.2em; text-align:center; border:1px solid var(--color1); background-color:var(--color1); color:#fff !important; margin:0.4em 0 0em 0; padding:0.3em 1em; text-decoration:none; font-size:1em; }
a.linkbutton:hover { background-color:var(--color2); border:1px solid var(--color2); color:#fff; }

a.linkbutton2 { display:inline-block; width: fit-content; line-height:1.2em; text-align:center; border:1px solid var(--color1); color:var(--color1) !important; margin:0.4em 0 0em 0; padding:0.3em 1em; text-decoration:none; font-size:1em; }
a.linkbutton2:hover { background-color:var(--color1); color:#fff !important; }


.cursorp { cursor:pointer; }


.position { font-size:0.8em; }


.front div.contentsbox { width:90%; margin:0 auto; max-width:1500px; }
.front div.contentsbox div.inner { margin:0; padding:0; }
.front div.contentsbox div.inner>p { line-height:2.0em; padding:0; margin:0 0 1em 0; }
.front h2 { font-size:1.7em; font-weight:normal; color:#000; line-height:1.3em; margin:1em 0 1em 0px; padding:1em 0 0 0;  border-left:6px solid #999; padding:0.7em 0.5em; }
.front h3 { font-size:1.7em; margin:0.5em 0; }
.front h4 { font-size:1.3em; margin:0.5em 0; }
.front p + h3 { margin-top:2em; }
.front ul + h3 { margin-top:2em; }
.front ol + h3 { margin-top:2em; }

.front div.contentsbox div.pagenavi { clear:both; height:42px; margin:0 0 0 0;  background:#eee; }
.front div.contentsbox div.pagenavi .pagenavibutton { display:block; line-height:2.3em; text-align:center; color:#fff; background:var(--color2); text-decoration:none; font-size:1.1em; height:35px; overflow:hidden; }
.front div.contentsbox div.pagenavi .prev { width:calc( 100% / 2 ); float:left; }
.front div.contentsbox div.pagenavi .next { width:calc( 100% / 2 - 1px); float:right; }
.front div.contentsbox div.pagenavi a.pagenavibutton:hover { background:#777; color:#fff; }
@media only screen and ( width < 1000px )  {
	.front div.contentsbox div.pagenavi1 { }
	.front div.contentsbox div.pagenavi2 { }
}

.front div.contentsbox div.contentslist { clear:both; background:#ccc; padding:0.5em 0.7em 0.6em 0.7em; color:#fff; border:1px solid #ccc; 
	display: flex;
	flex-wrap: wrap; 
	gap: 1px;       
  }
.front div.contentsbox div.contentslist .item { font-size:clamp( 0.8em, 1.1vw, 1.2em);; line-height:1.6em; padding:0.2em 1em; margin:0.1em 2px 0.1em 0; display:block; float:left; text-decoration:none; 
	flex-grow: 1;           
	
	
	display: flex;
	align-items: center;    
	justify-content: center; 
}
.front div.contentsbox div.contentslist a.item { background:var(--color2); color:#fff; }
.front div.contentsbox div.contentslist a.item:hover { background:#fff; color:#444; }
.front div.contentsbox div.contentslist span.item { background:#fff; color:#444;}
.front div.contentsbox div.contentslist div.contentslisttitle { font-size:0.8em; color:#000; margin:0 0 0.3em 0; }

.front div.contentsbox div.nextpage { text-align:center; margin:5em 0 2em 0; }






ul,ol { margin:0 0 0 1em; padding:0 0 0 1em }
.front	.linetable { padding: 0; margin: 10px 0px 15px 0px; border-collapse: collapse; width:100%; }
.front	.linetable th {vertical-align: top; white-space: padding:1px; border: 1px solid #bbb; border-collapse: collapse;  background:#eee; text-align:left; }
.front	.linetable td {vertical-align: top; white-space: padding:1px; border: 1px solid #bbb; border-collapse: collapse; text-align:left;  }
.front	.linetable td {font-weight: normal; padding:5px;}
.front	.linetable th {font-weight: normal; padding:5px;}
.front	.linetable td.nb { border:0px; line-height:1em; padding:0; margin:0; }

.front	.linetable2 { padding: 0; margin: 10px 0px 15px 0px; border-collapse: collapse; width:100%; }
.front	.linetable2 th {vertical-align: top; white-space: padding:1px; border: 2px solid #fafafa; border-collapse: collapse;  background:#e0e0e0; text-align:left; }
.front	.linetable2 td {vertical-align: top; white-space: padding:1px; border: 2px solid #fafafa; border-collapse: collapse; text-align:left;  }
.front	.linetable2 td {font-weight: normal; padding:5px; background:#f2f2f2; }
.front	.linetable2 th {font-weight: normal; padding:5px;}
.front	.linetable2 td.nb { border:0px; line-height:1em; padding:0; margin:0; }




.front .block_educationfields { border:1px solid #ccc; background:#fff; padding:2em; margin:3em 0; overflow:auto; }
.front .block_educationfields h2 { margin-top:0em; }
.front .block_educationfields h3 { margin:0; padding:0; }
.front .block_educationfields .fieldsimg { margin:1em 0; }
.front .block_educationfields .fieldsimg img { display:inline-block; width:calc( ( 100% - 20px ) / 3 ); aspect-ratio:1/0.7; object-fit:cover; margin:0 5px 5px 0; }
.front .block_educationfields .fieldsimg img:nth-of-type(3n) { margin-right:0; }
@media only screen and ( width < 480px ) {
	.front .block_educationfields .fieldsimg img { width:100%;  }
}
.front .block_educationfields ul { list-style-type:none; margin:10px 0 10px 0; padding:0; }
.front .block_educationfields ul li { display:inline-block; vertical-align:top; width:33%; margin:0 0 20px 0; }
.front .block_educationfields ul li img { width:80px; margin:0 10px 0 0; float:left; aspect-ratio:1/1; object-fit:cover; }
.front .block_educationfields ul li div.name { font-size:1.3em; }
@media only screen and ( width < 1000px ) {
	.front .block_educationfields ul li { width:calc( ( 100% - 10px ) / 2 ); margin-right:10px; }
	.front .block_educationfields ul li:nth-of-type(2n) { margin-right:0px; }
}
@media only screen and ( width < 480px ){
	.front .block_educationfields ul li { width:100%; margin-right:0px; }
	.front .block_educationfields ul li:nth-of-type(2n) { margin-right:0px; }
}



div.professorlist { display: flex; flex-wrap: wrap; clear:both; margin:10px 0 20px 0; }
.block_professor { }
.block_professor img { float:right; margin:0px 0 0 10px ; width:40%; max-width:210px; aspect-ratio:1/1; object-fit:cover; object-position: 50% 20%; }
.block_professor { border:1px solid #ccc; background:#fff; padding:1em; margin:1em 10px 0em 0px; width:calc( ( 100% - 30px ) / 3 ); vertical-align:top; overflow:auto; }
.block_professor .linkbutton { width:10em; margin-bottom:2px; font-size:0.8em; }
.block_professor .linkbutton2 { width:10em; margin-bottom:2px; font-size:0.8em; }
.front .block_professor h2 { margin:0; padding:0; }
.front .block_professor h3 { margin:0; padding:0; line-height:1.2em; }

@media only screen and ( width < 1000px )  {
	.block_professor { width:calc( ( 100% - 20px ) / 2 );  }
}
@media only screen and ( width < 700px )  {
	.block_professor img { width:30%; }
	.block_professor { width:100%; }
}



div.researchlist { display: flex; flex-wrap: wrap; clear:both; overflow:auto; margin:1em 0 4em 0; }
.block_researchlist { border:1px solid #ccc; background:#fff; padding:1em; margin:1em 10px 0em 0px; width:calc( ( 100% - 20px ) / 2 ); float:left; vertical-align:top; overflow:auto; }
.block_researchlist img { float:right; margin:0px 0 0 2px ; height:150px; aspect-ratio:1/1; object-fit:cover; object-position: 50% 20%; }
.block_researchlist h2 { margin:0 !important; padding:0 !important; }
.block_researchlist h3 { margin:0 !important; padding:0 !important; line-height:1.3em; }
.block_researchlist .linkbutton { margin-bottom:0 !important; font-size:1em; }
.block_researchlist .linkbutton2 { margin-bottom:0 !important; font-size:1em; }
@media only screen and ( width < 1200px )  {
	.block_researchlist img { height:10vw; }
}
@media only screen and ( width < 800px )  {
	.block_researchlist img { height:20vw; }
	.block_researchlist { width:100%; }
}


.block_research { border:1px solid #ccc; background:#fff; padding:2em; margin:3em 0; overflow:auto; }
.block_research .labtitle { }
.block_research h2 { margin:0 0 0.5em 0 !important; padding:0 !important; }
.block_research h3 { margin:0 !important; padding:0 !important; }

.block_research div.name { margin:1em 0; }
.block_research .namej { font-size:1.5em; margin-right:0.5em; }
.block_research .position { font-size:1.2em; }
.block_research .namee { font-size:1em; }
.block_research .img1 { float:left; margin:0px 1em 1em 0; width:45%; max-width:150px; aspect-ratio:1/1; object-fit:cover; object-position: 50% 20%; }
.block_research .img2 { float:right; margin:20px 0 1em 1em ; width:45%; max-width:300px;}
.block_research ul.sdgs { list-style-type:none; margin:5px 0 0 0px; padding:0; }
.block_research ul.sdgs img { float:left; margin:0; height:60px; }
.block_research .researchoverviewtitle { font-size:1.6em; font-weight:500; margin:1em 0 0.5em 0 ; }
.block_research ul.relatedlinks { list-style-type:none; margin:5px 0 0 0px; padding:0; display:inline; }
.block_research ul.relatedlinks li { display:inline; }
.block_research .iframebox { width:100%; background:#000; padding:1em; text-align:center; }
.block_research iframe { margin:0 auto; width:100%; max-width:700px; aspect-ratio:1.8/1; }


.front .c_graduateschool.c_syllabus .linetable2 td { width:90% }
.front .c_graduateschool .linkbutton { width:15em; }
.front .itemicon { background:#bbb;color:#fff; display:inline-block; margin:0 0 1px 0; width:100px; padding:0 0.3em; text-align:center; line-height:1.4em; font-size:0.9em; }



.front .c_index ul.quickbanner { list-style-type:none; margin:0; padding:0;  }
.front .c_index ul.quickbanner li a { position:relative; text-decoration:none; color:#fff; display:block; float:left; background:#eee; margin:0 1.5vw 1em 0; padding:3em 0; width:calc( ( 100% - 3vw ) / 3 ); }
.front .c_index ul.quickbanner li:nth-of-type(3) a { margin-right:0; }
.front .c_index ul.quickbanner li a span.ja { position:relative; display:block; text-align:center; font-size:1.6em; font-weight:600; line-height:1.3em; }}
.front .c_index ul.quickbanner li a span.en { position:relative; display:block; text-align:center; font-weight:600; margin:0.5em 0 0.5em 0; }
@media only screen and ( width < 700px ) {
	.front .c_index ul.quickbanner li a { width:100%; padding:2em 0; margin:0 0 3.5vw 0; }
}
.front .c_index ul.quickbanner li a.admission { background-image:url(/_images/mainimg_admission.jpg); background-size:cover; background-position:50% 60%; }
.front .c_index ul.quickbanner li a.yearbook { background-image:url(/_images/mainimg_portfolio+yearbook.jpg); background-size:cover; background-position:50% 60%; }
.front .c_index ul.quickbanner li a.syllabus { background-image:url(/_images/mainimg_syllabus.jpg); background-size:cover; background-position:50% 30%; }
.front .c_index ul.quickbanner li a::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	clip-path: polygon(
		15px 15px,
		calc( 100% - 15px ) 15px,
		calc( 100% - 15px ) calc( 100% - 15px ),
		15px calc( 100% - 15px )
	);
}
.front .c_index ul.quickbanner .more { margin:0 auto; filter: drop-shadow(0px 0px 5px black); }
.front .c_index ul.quickbanner .more:hover { background-color:#fff; color:var(--color2); }

.front .c_index ul.departments { position:relative; list-style-type:none; overflow:auto; margin:2em 0 3em 0; padding:0; font-size:1em; }
.front .c_index ul.departments li a { position:relative; text-decoration:none; color:#fff; display:block; float:left; background:#777; margin:0 1.5vw 3.5vw 0; height:30vw; max-height:250px; padding:1em 3vw; 
	width:100%;
	display: flex; justify-content: center; flex-direction: column;	
}
.front .c_index ul.departments li a::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	
	background: linear-gradient( to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) );
	clip-path: polygon(
		
		
		
		
		0 0,
		calc( 100% - 0 ) 0,
		calc( 100% - 0 ) calc( 100% - 0 ),
		0 calc( 100% - 0 )
	);
}
.front .c_index ul.departments li.towndevelopment a { background-image:url(/_images/mainimg_towndevelopment.jpg); background-size:cover; background-position:50% 50%; }
.front .c_index ul.departments li.architecture a { background-image:url(/_images/mainimg_architecture.jpg); background-size:cover; background-position:50% 40%; }
.front .c_index ul.departments li.architecturedesign a { background-image:url(/_images/mainimg_architecturedesign.jpg); background-size:cover; background-position:50% 30%; }
.front .c_index ul.departments li.graduateschool a { background-image:url(/_images/mainimg_graduateschool.jpg); background-size:cover; background-position:50% 40%; }

.front .c_index ul.departments li:nth-of-type(2n) a { margin-right:0; }
.front .c_index ul.departments li a span.ja { position:relative; display:block; text-align:left; font-size:clamp( 1.7em, 4vw, 3em); font-weight:500; line-height:1.3em; text-shadow:2px 2px 15px #000000; }
.front .c_index ul.departments li a span.en { position:relative; display:block; text-align:left; margin-top:0.3em; text-shadow:2px 2px 15px #000000; }
@media only screen and ( width < 700px ) {
	
}
.front .c_index ul.departments li .more { filter: drop-shadow(0px 0px 5px black); margin:0.5em 0 0 0; }
.front .c_index ul.departments li .more:hover { background-color:#fff; color:var(--color2); }




	.front .c_index .topmidimage { z-index:0; position: relative; width:100%; margin:3em 0 0 0; text-decoration:none;  overflow:hidden; height:65vw; max-height:500px; 
		text-align:center; display: flex; justify-content: center; align-items: center; flex-direction: column;color:#fff; 
	}
	.front .c_index .topmidimage h2 {  z-index:1; font-size:clamp( 2em, 4vw, 3em); font-weight:500; color:inherit; text-shadow:2px 2px 35px #000000; margin:0; border:0; }
	.front .c_index .topmidimage h2 span.subtitle { font-size:0.6em; font-weight:500; text-shadow:2px 2px 35px #000000; }
	.front .c_index .topmidimage .more { font-size:1.2em; filter: drop-shadow(0px 0px 5px black); margin-top:0px; }
	.front .c_index .topmidimage .more:hover { background-color:#fff; color:var(--color2); }
	
	
	
	
	
	
	
	.front .c_index .topmidimage::before { 
		content: "";
		position: absolute;
		background-size:cover; 
		width:100%; height:100%; 
		
		transition: transform 0.5s ease-out; 
		transform: scale(1.0); 
		z-index: -1; 
	}
	.front .c_index .topmidimage1::before { 
		background-image:url(/_images/mainimg_education.jpg); background-position:50% 60%; 
	}
	.front .c_index .topmidimage2::before { 
		background-image:url(/_images/mainimg_graduateschool.jpg); background-position:50% 40%; 
	}
	.front .c_index .topmidimage3::before { 
		background-image:url(/_images/mainimg_studyabroad.jpg); background-position:50% 40%; 
	}
	
	.front .c_index .topmidimage.is-active::before {
		transform: scale(1.1);
	}




		.front .c_index .topresearchthumb { position:relative; margin:2em 0 0 0; overflow:hidden; background:#000; 
			height:65vw; max-height:500px; 
			display: grid;
			
			
			grid-template-columns: repeat(7, 1fr);
		}
		@media only screen and ( width < 1000px ) {
			grid-template-columns: repeat(6, 1fr);
		}

		.front .c_index .topresearchthumb img { 
			width: 100%;
			height: 100%;
			aspect-ratio:1/1; object-fit:cover; object-position: 50% 20%; z-index:0; 
			filter: brightness(1);
			transition: opacity 1.6s ease, transform 1.6s ease, filter 1.8s ease;
		}
		
		
		.img-hidden {
			opacity: 0;
			transform: scale(0.9);
		}
		.img-show {
			opacity: 1;
			transform: scale(1);
		}
		
		.front .c_index .topresearchthumb.loaded img {
		
		filter: brightness(0.7);
		}
		
		.front .c_index .topresearchthumb.loaded:hover img {
		filter: brightness(1.0);
		
		}
		.front .c_index .topresearchthumb .more { filter: drop-shadow(0px 0px 5px black); }
		.front .c_index .topresearchthumb .more:hover { background-color:#fff; color:var(--color2); }
		
		@media only screen and ( width < 1000px ) {
			
			
		}
		.front .c_index .topresearchthumbinner { position:absolute; width:100%; height:100%; display: flex; justify-content: center; align-items: center; flex-direction: column;color:#fff; z-index:1; }
		.front .c_index .topresearchthumbinner span.ja { position:relative; display:block; text-align:center; font-size:clamp( 2em, 4vw, 3em); font-weight:500; line-height:1.3em; margin:1em 0 0.2em 0; 
			text-shadow:
			0px 0px 2px #000000,
			0px 0px 2px #000000,
			0px 0px 2px #000000,
			2px 2px 10px #000000,
			2px 2px 10px #000000; 
		}
		.front .c_index .topresearchthumbinner span.en { position:relative; display:block; text-align:center; margin-top:1em; font-size:1.2em; margin:0 0 1em 0; 
			text-shadow:
			0px 0px 2px #000000,
			0px 0px 2px #000000,
			0px 0px 2px #000000,
			2px 2px 10px #000000,
			2px 2px 10px #000000; 
		}
		.Afront .c_index .topresearchthumb::before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(0, 0, 0, 0.3);
			z-index: 2;
			
			
			clip-path: polygon(
			15px 15px,
			calc(100% - 15px) 15px,
			calc(100% - 15px) calc(100% - 15px),
			15px calc(100% - 15px)
			);
			border:2px solid #f00; 
			z-index:1;
		}


.front .c_index ul.research_departments { list-style-type:none; overflow:hidden; margin:20px 0 3em 0; padding:0;  }
.front .c_index ul.research_departments li a { position:relative; 
	line-height:1em; text-decoration:none; color:#fff; display:block; background:#777; float:left; margin:0 1.5vw 1.5vw 0; padding:2em 0em; width:calc( ( 100% - 3vw ) / 3 ); 
	display: flex; justify-content: center; align-items: center; flex-direction: column;
}

.front .c_index ul.research_departments li:nth-of-type(3n) a { margin-right:0; }
.front .c_index ul.research_departments li:nth-of-type(4) a { width:100%; margin-right:0; }
.front .c_index ul.research_departments li a span.ja { position:relative; display:block; text-align:center; font-size:1.6em; font-weight:600; line-height:1.3em; z-index:1; margin-top:0em; }
.front .c_index ul.research_departments li a span.en { position:relative; display:block; text-align:center; margin:1em 0 0.7em 0; font-size:1em; font-weight:500; z-index:1; }
.front .c_index ul.research_departments li a .more { position:relative; z-index:1; margin-bottom:0; filter: drop-shadow(0px 0px 5px black);}
.front .c_index ul.research_departments li a .more:hover { background-color:#fff; color:var(--color2); }


@media only screen and ( width < 1000px ) {
	.front .c_index ul.research_departments li a { width:100%; padding:2em 0; margin:0 0 3vw 0; }
}
.front .c_index ul.research_departments li a::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	clip-path: polygon(
		15px 15px,
		calc( 100% - 15px ) 15px,
		calc( 100% - 15px ) calc( 100% - 15px ),
		15px calc( 100% - 15px )
	);
	z-index:0; 
}
.front .c_index ul.research_departments li a.towndevelopment { background-image:url(/_images/mainimg_research+towndevelopment.jpg); background-size:cover; background-position:50% 45%; }
.front .c_index ul.research_departments li a.architecture { background-image:url(/_images/mainimg_research+architecture.jpg); background-size:cover; background-position:50% 45%; }
.front .c_index ul.research_departments li a.architecturedesign { background-image:url(/_images/mainimg_reserach+architecturedesign.jpg); background-size:cover; background-position:50% 45%; }
.front .c_index ul.research_departments li a.research { background-image:url(/_images/mainimg_graduateschool+research.jpg); background-size:cover; background-position:50% 40%; }

.front .c_index .tophybridthumb { margin:2em 0 0 0; }
.front .c_index .tophybridthumb img { vertical-align:bottom; width:100%; }
.front .c_index div.univs { margin:2em 0; display:flex; gap:20px; flex-wrap: wrap; justify-content: start;  }
.front .c_index div.univs div { display:block; width:calc( ( 100% - 40px ) / 3 ); font-size:0.8em; }
.front .c_index div.univs img { width:100%; aspect-ratio:2/1.2; object-fit:cover; margin:0 0 0.3em 0; }

.front .imgcommon1 { display:block; width:100%; max-width:700px; margin:2em auto; }


.front .c_profile h2 { border:0; margin:1em 0 0em 0; padding:0; }
.front .c_profile h2 span { display:inline-block; }
.front .c_profile h2 span:nth-of-type(1) { display:block; margin:0 0 0.4em 0; font-size:0.8em; }
.front .c_profile h2 span:nth-of-type(2) { display:inine; margin:0; font-size:1.5em; }
.front .c_profile h2 span:nth-of-type(3) { display:inline-block; margin:0; font-size:1.5em; }
.front .c_profile h3 { display:block; margin:0.5em 0 2em 0; }
.front .c_profile img { float:right; margin:0 0 calc( 2em + 1vw ) calc( 2em + 1vw ) ; width:45%; max-width:400px; }
.front .c_profile p.signature { text-align:right; font-size:1.2em; }
.front .c_profile p.signature span { display:block; font-size:1.5em; }

.front h2 span { font-size:0.6em; display:block; line-height:1.5em; margin:0 0 0.5em 0; }


.front .c_curriculum { }
.front .c_syllabus h3 { margin-top:40px; }
.front .c_syllabus .linetable { margin-bottom:0; }
.front .c_syllabus .linetable th:first-child { white-space:nowrap; width:8%; }
.front .c_syllabus .linetable td { width:23%; }
.front .c_syllabus .linetable td.td1 { width:92%; }

.front .c_syllabus .linetable2 td { } 
.front .c_syllabus .linetable2 a { display:inline-block; line-height:1.3em; padding:0.3em; background:var(--color4); color:#000; text-decoration:none;  display:flex; align-items: center; justify-content: flex-start; }
.front .c_syllabus .linetable2 a.disabled { color: color-mix(in srgb, currentColor, transparent 60%); }

.front .c_syllabus div[id^="syllabusviewarea"] { border:1px solid #ccc; padding:0em 1.5em; background:#fff; overflow:hidden; }
.front .c_syllabus div[id^="syllabusviewarea"] h3 { margin:1em 0; }
.front .c_syllabus div[id^="syllabusviewarea"] div { overflow:hidden; }
.front .c_syllabus div[id^="syllabusviewarea"] div.inner { margin:0 0 1.5em 0; }

.front .c_syllabus [class^="kamokuLevel"] { display:block; line-height:1.2em; margin:0.5em 0; }
.front .c_syllabus .kamokuLevel1 { margin-left: 0px; font-size:1.1em; font-weight:bold; }
.front .c_syllabus .kamokuLevel2 { margin-left: 20px; }
.front .c_syllabus .kamokuLevel3 { margin-left:40px; }
.front .c_syllabus .kamokuLevel4 { margin-left:60px; }
.front .c_syllabus .kamokuLevel5 { margin-left:80px; }

#syllabusclassdata { background:#fff; }


.front .c_curriculum .linetable th:first-child { white-space:nowrap; width:10%; }
.front .c_curriculum .linetable th { border:2px solid #fafafa; background:#ddd; vertical-align:middle; }
.front .c_curriculum .linetable th.th2 { background:#e8e8e8; }
.front .c_curriculum .linetable td { border:2px solid #fafafa; padding-right:0; }
.front .c_curriculum .linetable td.td1 { width:90%; border:2px solid #fff; }
.front .c_curriculum .linetable th h3 { font-size:1.5em; margin:0; padding:0; }
.front .c_curriculum .linetable ul { margin:0; padding:0; display: flex; flex-wrap: wrap;  }
.front .c_curriculum .linetable li { vertical-align:top; display:inline-block; width:calc( 100% / 3 ); line-height:1.3em; background:#eee; padding:0.7em 0.5em; margin:0 0 0 0; border:1px solid #fafafa; font-size:1.2em; }
@media only screen and ( width < 900px ) {
	.front .c_curriculum .linetable li { width:50%;  }
}
.front .c_curriculum ol.arrowbox { margin:2em 0 2em 0; padding:0; display: flex; gap: -30px; }
.front .c_curriculum ol.arrowbox li {
	flex: 1;
	background-color: var(--color4);
	color: #000;
	position: relative;
	
	display: flex;
	flex-direction: column; 
	align-items: center;    
	justify-content: flex-start; 
	line-height: 1.2;       
	
	padding: 1em 4em 1em 2em;
	clip-path: polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%);
	margin:0 2px 0 0; 
	line-height:1.5em;
}
.front .c_curriculum ol.arrowbox li span { font-size:2.5em; line-height:1.5em; }
@media only screen and ( width < 660px ) {
	.front .c_curriculum ol.arrowbox { flex-direction: column; }
	.front .c_curriculum ol.arrowbox li {
		width:80%; 
		clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 50% 100%, 0% 75%);
		padding: 1em 5em 2.5em 5em;
		margin:0 auto 10px auto; 
	}

}


.front .c_employment ul.rates { margin:2em 0 0 0; padding:0; 
	display: flex;
	flex-wrap: wrap;         
	justify-content: start;  
	gap: 2vw;
	
}
.front .c_career ul.rates li { list-style-type:none; width:calc( 50% - 1vw ); padding:1em 1.5em 1.5em 1.5em; border:1px solid #ccc; background:#fff; } 
.front .c_career ul.rates li h3 { font-size:2em; }
.front .c_career ul.rates li h3 span { font-size:1.7em; font-weight:bold; color:var(--color3); }
@media only screen and ( width < 900px ) {
	.front .c_career ul.rates li { width:calc( 100% );  } 
}

.class1 { margin-top:2em; padding:1vw 2vw 2vw 2vw; border:1px solid #ccc; background:#fff; }
.class1 h3 span { font-size:1.8em; font-weight:bold; color:var(--color3); }
.class1 table td { line-height:1.3em; }
.highlightfg { color:var(--color3); display:inline !important; font-size:inherit !important; font-weight:bold; }
.highlightbg { background:var(--color4); }
div.class1 table td span { display:inline-block; font-size:0.8em; }


.front .c_studyabroad table.studyabroad { margin:30px 0 20px 0; }
.front .c_studyabroad table.studyabroad tr td:nth-child(1) { width:20%; text-align:right; background:#eee;  }
.front .c_studyabroad table.studyabroad tr td:nth-child(2) { width:80%; }
.front .c_studyabroad .studyabroad_logo { float:right; margin:40px 0 20px 5%; width:45%; max-width:300px; mix-blend-mode: multiply;}
.front .c_studyabroad.c_hybrid .studyabroad_logo { float:right; margin:0px 0 20px 5%; width:45%; max-width:300px; mix-blend-mode: multiply;}

.front .c_studyabroad ul.schoollist1 { position:relative; list-style-type:none; margin:2em 0 0 0; padding:0; overflow:auto; }
.front .c_studyabroad ul.schoollist1 li a { position:relative; display:block; float:left; margin:0 1.5vw 1.5vw 0; width:100%; }
.front .c_studyabroad ul.schoollist1 li a span:nth-child(1) { display:block; aspect-ratio:2.5/1; }
.front .c_studyabroad ul.schoollist1 li a span:nth-child(2) { display:block; padding:0.5em 0 0 0; background:#fff; }
.front .c_studyabroad ul.schoollist1 li:nth-of-type(3n) a { margin-right:0; }
.front .c_studyabroad ul.schoollist1 li a span:nth-child(1)  { background-size:cover; }
.front .c_studyabroad ul.schoollist1 li:nth-child(1) a span:nth-child(1) { background-image:url(/_images/mainimg_studyabroad+hybrid.jpg); background-position:50% 45%; }

.front .c_studyabroad ul.schoollist2 { position:relative; list-style-type:none; margin:2em 0 0 0; padding:0; overflow:auto; }
.front .c_studyabroad ul.schoollist2 li a { position:relative; display:block; float:left; margin:0 1.5vw 1.5vw 0; width:calc( ( 100% - 1.5vw ) / 2 ); }
.front .c_studyabroad ul.schoollist2 li a span:nth-child(1) { display:block; aspect-ratio:16/9; margin:1em 0 0.5em 0; }
.front .c_studyabroad ul.schoollist2 li a span:nth-child(2) { display:inline-block; padding:0.5em 0 0 0; vertical-align:middle; }
.front .c_studyabroad ul.schoollist2 li a span:nth-child(3) { display:inline; padding:0.5em 0 0 0; vertical-align:middle; }
.front .c_studyabroad ul.schoollist2 li a img.listicon { display:inline; height:1.5em; margin-right:5px; vertical-align:middle; }



.front .c_studyabroad ul.schoollist2 li:nth-of-type(2n) a { margin-right:0; }
.front .c_studyabroad ul.schoollist2 li a span:nth-child(1)  { background-size:cover; }
.front .c_studyabroad ul.schoollist2 li:nth-child(1) a span:nth-child(1) { background-image:url(/_images/mainimg_studyabroad+milano.jpg); background-position:50% 45%; }
.front .c_studyabroad ul.schoollist2 li:nth-child(2) a span:nth-child(1) { background-image:url(/_images/mainimg_studyabroad+venezia.jpg); background-position:50% 45%; }
.front .c_studyabroad ul.schoollist2 li:nth-child(3) a span:nth-child(1) { background-image:url(/_images/mainimg_studyabroad+sassari.jpg); background-position:50% 45%; }
.front .c_studyabroad ul.schoollist2 li:nth-child(4) a span:nth-child(1) { background-image:url(/_images/mainimg_studyabroad+kent.jpg); background-position:50% 45%; }
.front .c_studyabroad ul.schoollist2 li:nth-child(5) a span:nth-child(1) { background-image:url(/_images/mainimg_studyabroad+kaohsiung.jpg); background-position:50% 45%; }

.front ul.contentsblocklevel2 { list-style-type:none; margin:0; padding:0; }
.front ul.contentsblocklevel2 h3 { margin-top:0;}
.front ul.contentsblocklevel2 p { margin-bottom:0.5em; }
.front ul.contentsblocklevel2>li { background:#fff; border:1px solid #ccc; padding:2em; margin:0 0 2em 0; }

.front .contentsblock2 { background:#fff; border:1px solid #ccc; padding:2em; margin:0 0 2em 0; }
.front .contentsblock2 h3 { margin-top:0; }


.front .c_environment img.campusimg { width:100%; margin:0 0 2em 0; }
.front .c_environment img.env { width:calc( ( 100% - 2vw ) / 2 ); float:right; margin:0em 0 0 2vw ; }
.front .c_environment p+img.env { float:right;  margin:2vw 0 0 0; }
.front .c_environment p+img.env+img.env { float:left; margin:2vw 0 0 0;  }
.front .c_environment h3 { font-size:2em; margin:0 0 1em 0; }
.front .c_environment h2+p+ul { margin-top:2em; }

.front .c_education .features { border:1px solid #ccc; background:#fff; padding:0em; margin:3em 0; overflow:auto; }
.front .c_education .features div.inner { padding:1.3em 1em 1.3em 1.5em; overflow:auto; }
.front .c_education .features > div.inner:first-child { display: flex; align-items: center;}
.front .c_education .features div.number { line-height:1; font-size:7em; float:left; margin-right:20px; height:1em; }
.front .c_education .features p { margin-top:1em;  }
.front .c_education .features h3 { line-height:1.3em; margin:0 !important; padding:0 !important; font-size:clamp( 1.3em, 4vw, 2.2em); }
.front .c_education .features img { width:100%; margin:0 0 0 0em; height:50vw; max-height:250px; object-fit:cover; object-position: 50% 70%; }

.front .c_education div.features:nth-of-type(1) img { object-position: 50% 70%; } 
.front .c_education div.features:nth-of-type(2) img { object-position: 50% 15%; } 
.front .c_education div.features:nth-of-type(3) img { object-position: 50% 30%; } 
.front .c_education div.features:nth-of-type(4) img { object-position: 50% 30%; } 
.front .c_education div.features:nth-of-type(5) img { object-position: 50% 40%; } 

.front .c_portfolio.c_isdc .linetable td:nth-of-type(1) { }
.front .c_portfolio.c_isdc .linetable td:nth-of-type(2) { width: 20%; }
.front .c_portfolio.c_isdc .linetable td:nth-of-type(3) { width: 10%; }
.front .c_portfolio.c_isdc .linetable td:nth-of-type(4) { width: 10%; }
.front .c_portfolio.c_isdc .linetable td a.linkbutton { padding:0.3em 0.1em; min-width:5em; width:100%; }

.front .c_portfolio.c_awards .linetable td:nth-of-type(1) { width: 20%; }
.front .c_portfolio.c_awards .linetable td:nth-of-type(2) { width: 50%; }
.front .c_portfolio.c_awards .linetable td:nth-of-type(3) { width: 10%; }
.front .c_portfolio.c_awards .linetable td:nth-of-type(4) { width: 10%; }
.front .c_portfolio.c_awards .linetable td:nth-of-type(5) { width: 10%; }
.front .c_portfolio.c_awards .linetable td a.linkbutton { padding:0.3em 0.1em; min-width:5em; width:100%; }

.front ul.careerlist { list-style-type:none; margin:0; padding:0; display:flex; flex-wrap: wrap; justify-content: space-between;}
.front ul.careerlist li { margin-right:10px; width:calc( ( 100% - 30px ) / 3 ); background:#fff; margin:0 10px 10px 0; padding:0.5em; }
@media only screen and ( width < 600px ) {
	.front ul.careerlist li { margin-right:10px; width:calc( ( 100% - 20px ) / 2 ); }

}


.front .c_yearbook ul.yearbooklist { margin:2em 0 0 0; padding:0; }
.front .c_yearbook ul.yearbooklist li { display:inline-block; margin:0 20px 20px 0; width:calc( ( 100% - 60px ) / 3 ); cursor:pointer; }
.front .c_yearbook ul.yearbooklist li:nth-of-type(2n) { margin-right:20px; }
.front .c_yearbook ul.yearbooklist li:nth-of-type(3n) { margin-right:0; }
@media only screen and ( width < 1000px ) {
	.front .c_yearbook ul.yearbooklist li { display:inline-block; margin:0 20px 20px 0; width:calc( ( 100% - 40px ) / 2 ); cursor:pointer; }
	.front .c_yearbook ul.yearbooklist li:nth-of-type(2n) { margin-right:0; }
	.front .c_yearbook ul.yearbooklist li:nth-of-type(3n) { margin-right:20px; }
}
.front .c_yearbook img { display:block; width:100%; margin:0 auto 0.5em auto; }


.front .c_department img.departmentoverview { width:100%; max-width:600px; display:block; margin:2em auto; }
.front .c_department img.departmentfields1 { width:45%; max-width:500px; float:right; margin:-5.5em 0 2em 2em; }
@media only screen and ( width < 600px )  {
.front .c_department img.departmentfields1 { width:100%; float:none; margin:0em 0 2em 0em; }
}
.front .c_department img.departmentfields2 { width:100%; mix-blend-mode: multiply; margin:4em 0 0 0; }
.front .c_department h2 { font-size:2em; }
.front .c_department h2+h3 { margin-top:-0.5em; font-size:2.5em; line-height:1.3em; }


.front ul.researchlist { list-style-type:none; margin:3em 0 2em 0; padding:0; display: flex; flex-wrap: wrap; justify-content: start; gap: 5px; }
.front ul.researchlist li { cursor:pointer; display:inline-block; margin:0 0px 0px 0; padding:0.5em; vertical-align:top; line-height:1.2em; width:calc( (100% - 20px ) / 5 ); border:1px solid #ccc; background:#fff; } 
.front ul.researchlist img { width:40px; margin-right:5px; vertical-align:middle; aspect-ratio:1/1; object-fit:cover; object-position: 50% 20%; } 
.front ul.researchlist a { text-decoration:none; color:#000; vertical-align:middle; }
@media only screen and ( width < 1200px ) {
	.front ul.researchlist li { width:calc( (100% - 15px ) / 4 ); } 
}
@media only screen and ( width < 900px )  {
	.front ul.researchlist li { width:calc( (100% - 10px ) / 3 ); } 
}
@media only screen and ( width < 600px )  {
	.front ul.researchlist li { width:calc( (100% - 5px ) / 2 ); } 
}


.front .c_graduate h2 + div.profile1  { margin-top:-1.5em; }
.front .c_graduate div.profile1 { font-size:1.5em; }
.front .c_graduate div.profile2 { font-size:0.9em; margin-bottom:3em; }
.front .c_graduate img { float:right; width:45%; max-width:300px; margin:0 0 20px 20px; }

.front .c_employment h3 + div { font-size:1.3em; margin-bottom:0.5em; }


.front .c_admission .imgbox { width:50%; float:right; margin:0 0 0 1em; }
.front .c_admission .imgbox img { width:100%; margin:0 0 1em 0; }


										.front .caption { font-size:0.8em; }
										.front .imgl { float:left; margin:0 2em 2em 0; }
										.front .imgr { float:right; margin:0 0 2em 2em; width:48%; }
										.front .linetable.menupage { width:48%; }
										@media only screen and ( width < 1000px ) {
											.front img.imgr { width:100%; }
											.front .linetable.menupage { width:100%; }
										}



										@keyframes fadeIn {
											0% { display:none; opacity: 0}
											1% { display:block; opacity: 0}
											100% { display:block; opacity: 1}
										}
										@-webkit-keyframes fadeIn {
											0% { display:none; opacity: 0}
											1% { display:block; opacity: 0}
											100% { display:block; opacity: 1}
										}
										@keyframes fadeOut {
											0% { display:block; opacity: 1}
											1% { displa:block; opacity: 1}
											100% { display:none; opacity: 0}
										}
										@-webkit-keyframes fadeOut {
											0% { display:block; opacity: 1}
											1% { display:block; opacity: 1}
											100% { display:none; opacity: 0}
										}

										
										.fadein1{
												-webkit-transition: 1s;
												-o-transition: 1s;
												transition: 1s;
												opacity: 0; 
										}
										.fadein2{
												-webkit-transition: 1s;
												-o-transition: 1s;
												transition: 1s;
												opacity: 1;
										}

										.fixed {
											overflow:hidden; 
										}

										.fadein {
											animation: fadeIn 1s ease 0s 1 normal forwards;
											-webkit-animation: fadeIn 1s ease 0s 1 normal forwards;
										}
										.fadeout {
											animation: fadeOut 1s ease 0s 1 normal forwards;
											-webkit-animation: fadeOut 1s ease 0s 1 normal forwards;
										}

													.rotate90a {
														animation: r1 0.3s linear 0s 1 forwards ;
													}
													.rotate90b {
														animation: r2 0.3s linear 0s 1 reverse ;
													}
													@keyframes r1 {
														0%   { transform: rotate(0deg); }
														100% { transform: rotate(180deg); }
													}
													@keyframes r2 {
														0%   { transform: rotate(0deg); }
														100% { transform: rotate(180deg); }
													}
													.rotateopen { transform: rotate(180deg); }

										.popup { color:#fff;cursor:hand }
										
											div#popupOLD { 
												position:absolute; top:0; left:0; width:100%; height:100%;z-index:200; 
												background: rgba(0,0,0,0.8);
												background-image:url(/_images/spacer.gif);
												-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000, endColorstr=#88000000)";
												filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000, endColorstr=#88000000);
												cursor:pointer;
												text-align:center; 
												
												
											}

										div#popup { 
											position:fixed; top:0; left:0; width:100vw; height:100%; z-index:100; 
											min-width:390px; 
											
											display: flex; justify-content: center; align-items: center;
											background-color:rgba(0,0,0,0.5);

											
											
											
											
											
										}
										div#popupinner { 
											display:block;

											display: flex; 
											justify-content: center; 

											
											width:calc(90% ); height:auto; max-height:90%; 
											
											
											
											
											padding:0px; 
											
											
											
											
											position:relative;
											z-index:100;
											
											overflow-y:auto;
											margin:0 auto;
										}
										div#popupinner>div { 
											margin:0; 
											
										}

										

											div#popup div#popupbox { z-index:300; width:90%; margin:0 auto; }
											div#popup div#popupbox img#popupimg { width:100%; height:95vh; object-fit: contain; z-index:300; cursor:pointer; margin:0 auto; }

											img.popup { cursor:pointer; }


																		
																		div[class^="helpbox"] { background:#ffb; color:#222; border:1px solid #dd0; overflow:hidden; margin:0.5em 0; padding:0; font-size:12px; font-weight:normal; line-height:1.5em; }
																		div[class^="helpbox"] .inner { display:block; text-align:left; font-size:12px; line-height:1.5em; margin:0.5em; }
																		div[class^="helpbox"] .inner a { color:#00c; text-decoration:underline; }
																		div[class^="helpbox"] .inner a:hover { color:#f00; }
																		div[class^="helpbox"] .inner p.title { font-weight:bold; font-size:1em; margin:0.7em 0; }
																		#showhidehelp { margin:0 0 1em 0; }
																		.helpicon { display:inline-block; border:1px solid #cc0; width:1.5em; height:1.5em; text-align:center; line-height:1.4em !important; font-size:12px; font-weight:normal; background:#fe0; color:#000; padding:0; margin:0;  
																			-webkit-border-radius: 1em;
																			-moz-border-radius: 1em;
																			border-radius: 1em;
																		}
																		.helpaction .helpicon { cursor:pointer; }

											
											.h1box { background:#3e49ab; background:#eee; background-size:cover; border:1px solid #ccc; height:30vw; min-height:220px; max-height:500px; padding:20px; display: flex; justify-content: center; flex-direction: column; margin:10px 0 0 0; color:#fff; }
											.h1box div.title { line-height:1.3em; font-family:var(--font_mplus1pmw); font-weight:500; color:inherit; font-size:1.2em; transform: scale(1, 1.3); transform-origin: top left; text-shadow:1px 1px 5px #000000; }
											.h1box h1 { line-height:1.3em; font-family:var(--font_mplus1pmw); font-weight:500; color:inherit; font-size: clamp( 2.5em, 4vw, 3.5em); margin:10px 0 0 0; text-shadow:1px 1px 5px #000000; }
											.pagenaviandcontentslist { background:#aaa; min-height:0.7em; }
											.pagenaviandcontentslist2 { margin-top:50px; }
											
											
											
											
											
											
											
											
											.c_news .h1box { background-image:url(/_images/mainimg_news.jpg); background-position:50% 50%; }

											.c_education .h1box { background-image:url(/_images/mainimg_education.jpg); background-position:50% 50%; }
											.c_education.c_profile .h1box { background-image:url(/_images/mainimg_education+profile.jpg); background-position:50% 0%; }
											.c_education.c_curriculum .h1box { background-image:url(/_images/mainimg_curriculum.jpg); background-position:50% 20%; }
											.c_education.c_syllabus .h1box { background-image:url(/_images/mainimg_syllabus.jpg); background-position:50% 30%; }
											.c_education.c_professor .h1box { background-image:url(/_images/mainimg_education+professor.jpg); background-position:50% 30%; }
											.c_education.c_environment .h1box { background-image:url(/_images/mainimg_education+environment.jpg); background-position:50% 30%; }
											.c_education.c_qualification .h1box { background-image:url(/_images/mainimg_education+qualification.jpg); background-position:50% 50%; }
											.c_education.c_hybrid .h1box { background-image:url(/_images/mainimg_hybrid.jpg); background-position:50% 30%; }
											.c_education.c_ .h1box { background-image:url(/_images/mainimg_venezia.jpg); background-position:50% 30%; }

											.c_department .h1box { background-image:url(/_images/mainimg_department.jpg); background-position:50% 70%; }
											.c_department.c_towndevelopment .h1box { background-image:url(/_images/mainimg_towndevelopment.jpg); background-position:50% 60%; }
											.c_department.c_architecture .h1box { background-image:url(/_images/mainimg_architecture.jpg); background-position:50% 50%; }
											.c_department.c_architecturedesign .h1box { background-image:url(/_images/mainimg_architecturedesign.jpg); background-position:50% 50%; }
											.c_department h2.bar { font-size:1.5em; padding:0.2em 0.3em; margin:0; background-color:#888; color:#fff; }
											.c_department .block_research h3 { font-size:2.5em; margin-bottom:0.5em !important; }
											.c_department h4 { font-size:2em; }
											
											.c_graduateschool .h1box { background-image:url(/_images/mainimg_graduateschool.jpg); background-position:50% 50%; }
											.c_graduateschool.c_curriculum .h1box { background-image:url(/_images/mainimg_graduateschool+curriculum.jpg); background-position:50% 30%; }
											.c_graduateschool.c_exchangeprogramj .h1box { background-image:url(/_images/mainimg_graduateschool+exchangeprogramj.jpg); background-position:50% 60%; }
											.c_graduateschool.c_exchangeprograme .h1box { background-image:url(/_images/mainimg_graduateschool+exchangeprograme.jpg); background-position:50% 60%; }
											.c_graduateschool.c_syllabus .h1box { background-image:url(/_images/mainimg_graduateschool+syllabus.jpg); background-position:50% 50%; }
											.c_graduateschool.c_research .h1box { background-image:url(/_images/mainimg_graduateschool+research.jpg); background-position:50% 60%; }

											.c_career .h1box { background-image:url(/_images/mainimg_career.jpg); background-position:50% 60%; }
											.c_career.c_employment .h1box { background-image:url(/_images/mainimg_career+employment.jpg); background-position:50% 80%; }

											.c_research .h1box { background-image:url(/_images/mainimg_research.jpg); background-position:50% 40%; }
											.c_research.c_towndevelopment .h1box { background-image:url(/_images/mainimg_research+towndevelopment.jpg); background-position:50% 40%; }
											.c_research.c_architecture .h1box { background-image:url(/_images/mainimg_research+architecture.jpg); background-position:30% 50%; }
											.c_research.c_architecturedesign .h1box { background-image:url(/_images/mainimg_reserach+architecturedesign.jpg); background-position:50% 45%; }

											.c_admission .h1box { background-image:url(/_images/mainimg_admission.jpg); background-position:50% 50%; }

											.c_studyabroad .h1box { background-image:url(/_images/mainimg_studyabroad.jpg); background-position:50% 15%; }
											.c_studyabroad.c_hybrid .h1box { background-image:url(/_images/mainimg_studyabroad+hybrid.jpg); background-position:50% 45%; }
											.c_studyabroad.c_milano .h1box { background-image:url(/_images/mainimg_studyabroad+milano.jpg); background-position:50% 30%; }
											.c_studyabroad.c_venezia .h1box { background-image:url(/_images/mainimg_studyabroad+venezia.jpg); background-position:50% 60%; }
											.c_studyabroad.c_sassari .h1box { background-image:url(/_images/mainimg_studyabroad+sassari.jpg); background-position:50% 20%; }
											.c_studyabroad.c_kent .h1box { background-image:url(/_images/mainimg_studyabroad+kent.jpg); background-position:50% 70%; }
											.c_studyabroad.c_kaohsiung .h1box { background-image:url(/_images/mainimg_studyabroad+kaohsiung.jpg); background-position:50% 70%; }

											.c_portfolio.c_yearbook .h1box { background-image:url(/_images/mainimg_portfolio+yearbook.jpg); background-position:50% 60%; }
											.c_portfolio.c_awards .h1box { background-image:url(/_images/mainimg_portfolio+awards.jpg); background-position:50% 60%; }
											.c_portfolio.c_isdc .h1box { background-image:url(/_images/mainimg_portfolio+isdc.jpg); background-position:50% 70%; }
											.c_portfolio.c_architectureweeks .h1box { background-image:url(/_images/mainimg_architectureweeks.jpg); background-position:50% 0%; }
											.c_architectureweeks div.weekscassette { width:100%; border:1px solid #ccc; background:#fff; padding:1.5em; margin:0 0 2em 0; overflow:auto; }
											@media only screen and ( width < 1000px ) {
												.c_architectureweeks div.weekscassette { width:100%; }
											}
											.c_architectureweeks div.weekscassette a.linkbutton { width:11em; }											
											.c_architectureweeks div.weekscassette>h3 { margin-top:0; padding-top:0; } 
											.c_architectureweeks div.weekscassette img { width:100%; max-width:1000px; margin:1em 0 0 0; }
											.c_architectureweeks div.weekscassette p.date { font-size:1.4em; }
											.c_architectureweeks div.weekscassette p.details { margin:1em 0 0 0; }
											@media only screen and ( width < 1000px )  {
												.c_architectureweeks div.weekscassette img { width:100%; }
											}

											
												.button_gray { 
														display:block; border:1px solid #ccc; text-align:center; line-height:3em; text-decoration:none; color:#444; margin:0 0 0.2em 0; 
														background: -moz-linear-gradient(top, #fff, #aaa); 
														background: -o-linear-gradient(top, #fff, #aaa); 
														background-image: -webkit-gradient(linear,left bottom, left top, from(#aaa), to(#fff));
														-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff, endcolorstr=#aaaaaa))"; zoom: 1; 
														filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffffff,endColorstr=#ffaaaaaa);  
														background: linear-gradient(to bottom, #fff, #aaa);
												}
												.button_gray_pressed { 
														display:block; border:1px solid #ccc; text-align:center; line-height:3em; text-decoration:none; color:#444; margin:0 0 0.2em 0; 
														background: -moz-linear-gradient(top, #aaa, #ddd); 
														background: -o-linear-gradient(top, #aaa, #ddd); 
														background-image: -webkit-gradient(linear,left bottom, left top, from(#ddd), to(#999));
														-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#aaaaaa, endcolorstr=#dddddd))"; zoom: 1; 
														filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#aaaaaa,endColorstr=#dddddd);  
														background: linear-gradient(to bottom, #888, #ddd);
												}

												ul.helpbox { overflow:hidden; margin:0 !important; padding;0 !important; }
												ul.helpbox li { padding-left:0 !important; margin-left:1.2em !important; }
												.helpbutton { display:inline-block; background:#fc0; color:#222 !important; font-size:100%; padding:0.2em 1em 0.2em 1em; vertical-align:middle; text-decoration:none; 
														background: -moz-linear-gradient(top, #fd0, #f90); 
														background: -o-linear-gradient(top, #fd0, #f90); 
														background-image: -webkit-gradient(linear,left bottom, left top, from(#f90), to(#fd0));
														-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffdd00, endcolorstr=#ff9900))"; zoom: 1; 
														filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffdd00,endColorstr=#ff9900);  
														background: linear-gradient(to bottom, #fd0, #f90);
												}
												.helpbutton:hover { color:#f00 !important; }

											
												input[type="text"] 	{ border:1px solid #ddd; position:relative; vertical-align:top; margin: 2px 4px 2px 0; *margin-right:3px; top:0px; line-height:1.6em; font-size:1.2em; padding:0.10em 0.30em 0.00em 0.30em; height:1.6em; }
												input[type="password"] 	{ border:1px solid #ddd; position:relative; vertical-align:top; margin: 2px 4px 2px 0; *margin-right:3px; top:0px; line-height:1.6em; font-size:1.2em; padding:0.10em 0.30em 0.00em 0.30em; height:1.6em; }
												select 	{ border:0; position:relative; vertical-align:top; margin: 0px 4px 2px 0; *margin-right:3px; top:0px; line-height:1.8em; font-size:1.0em; padding:0.15em 0.30em 0.40em 0.30em; height:2.0em; 
														border-radius: 0;
														-webkit-appearance: none;
														background: -moz-linear-gradient(top, #fff, #aaa); 
														background: -o-linear-gradient(top, #fff, #aaa); 
														background-image: -webkit-gradient(linear,left bottom, left top, from(#aaa), to(#fff));
														-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff, endcolorstr=#aaaaaa))"; zoom: 1; 
														filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffffff,endColorstr=#ffaaaaaa);  
														background: linear-gradient(to bottom, #fff, #aaa);
														background-color:#fff; 
												}
												textarea 	{ border:1px solid #ddd; position:relative; vertical-align:top; margin: 0; *margin-right:3px; top:0px; line-height:1.3em; font-size:1.2em; padding:0.30em 0.30em 0.30em 0.30em; }
												input[type="button"] { padding:0 20px; font-size:1.2em; border:0; margin:2px 4px 2px 0; height:1.9em; 
														background: -moz-linear-gradient(top, #fff, #aaa); 
														background: -o-linear-gradient(top, #fff, #aaa); 
														background-image: -webkit-gradient(linear,left bottom, left top, from(#aaa), to(#fff));
														-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff, endcolorstr=#aaaaaa))"; zoom: 1; 
														filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffffff,endColorstr=#ffaaaaaa);  
														background: linear-gradient(to bottom, #fff, #aaa);
												}
												input[type="button"]:active { 
														background: -moz-linear-gradient(top, #888, #eee); 
														background: -o-linear-gradient(top, #888, #eee); 
														background-image: -webkit-gradient(linear,left bottom, left top, from(#eee), to(#888));
														-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#eeeeee, endcolorstr=#888888))"; zoom: 1; 
														filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffeeeeee,endColorstr=#ff888888);  
														background: linear-gradient(to bottom, #888, #eee);
												}
												input[type="button"]:disabled { color:#aaa; background:#ccc;  }
												input[type="submit"] { padding:0 20px; font-size:1.2em; border:0; margin:2px 4px 2px 0; height:1.9em;   
														background: -moz-linear-gradient(top, #fff, #aaa); 
														background: -o-linear-gradient(top, #fff, #aaa); 
														background-image: -webkit-gradient(linear,left bottom, left top, from(#aaa), to(#fff));
														-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff, endcolorstr=#aaaaaa))"; zoom: 1; 
														filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffffff,endColorstr=#ffaaaaaa);  
														background: linear-gradient(to bottom, #fff, #aaa);
												}
												input[type="submit"]:active { 
														background: -moz-linear-gradient(top, #888, #eee); 
														background: -o-linear-gradient(top, #888, #eee); 
														background-image: -webkit-gradient(linear,left bottom, left top, from(#eee), to(#888));
														-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#eeeeee, endcolorstr=#888888))"; zoom: 1; 
														filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffeeeeee,endColorstr=#ff888888);  
														background: linear-gradient(to bottom, #888, #eee);
												}
												input[type="submit"]:disabled { color:#aaa; background:#ccc;  }
												input[type="checkbox"] { border:none; margin-right:2px; }
												input[type="radio"] { border:none; position:relative; top:-1px; }

											label { vertical-align:middle; cursor:pointer; }

											.v0 { display:none !important; }
											.v1 { display:block; }
											.v1f { display:flex; }
											.b { font-weight:bold; }
											.note { font-size:90%; line-height:1.5em; }
											.small { font-size:12px; }
.fl { display:block; float:left; }
.fr { display:block; float:right; }
											.red { color:#f00; }
											.redicon { background:#f00; color:#fff; font-size:0.75em !important; padding:0.1em 0.5em 0.2em 0.5em; vertical-align:top; }
												h1 .redicon { font-size: 0.6em !important; }
												h2 .redicon { font-size: 0.6em !important; }
											.grayicon { background:#888; color:#fff; font-size:0.75em !important; padding:0.2em 0.5em 0.2em 0.5em; vertical-align:top; }
											.icon_red { background:#e00; color:#fff; font-size:75%; padding:0.2em 0.5em 0.2em 0.5em; }
											.icon_green { background:#0a0; color:#fff; font-size:75%; padding:0.2em 0.5em 0.2em 0.5em; }
											.icon_gray { background:#999; color:#fff; font-size:75%; padding:0.2em 0.5em 0.2em 0.5em; }
											.blue { color:#5164b6; }
											.orange { color:#FF9121; }
											.green { color:#0f0; }
											.gray { color:#777; }
											.clear { clear:both; font-size:0px; line-height:0; height:0px; }
											.clearl { clear:left; }
											.clearr { clear:right; }
											a:link { color:#55f }
											
											a:visited { color:#55f }
											a:hover { color:#f00 }
											.cursorpointer { cursor:pointer; }

											table td,th { font-size:1em; vertical-align:top; }

											
											ul.pk { display:inline-block; list-style-type:none; margin:0em auto 1em auto; padding:0; font-size:1em; overflow:auto; width:calc( 100% - 80px ); }
											@media only screen and (max-width:460px)  {
												ul.pk { font-size:0.8em; }
											}
											ul.pk li { float:left; color:#444; }
											ul.pk a { color:#00c; }
											ul.pk a:hover { color:#f00; }
											
											ul.languagebutton { position;relative; display:inline-block; float:right; margin:0; padding:0; z-index:9999; text-align:right; width:70px; }
											ul.languagebutton li { position;relative; display:inline-block; cursor:pointer; padding:0; margin:0 0 0 5px; }
											a.en_available { color:var(--color2); border:1px solid var(--color2); text-decoration:none; display:block; margin:2em 0 0 0; text-align:center; width:100%; padding:0.5em; }

.front a.more { display:block; width: fit-content; line-height:1em; text-align:center; background-color:var(--color1); color:#fff; margin:0.4em 0 1em 0; padding:0.5em 2em; text-decoration:none; font-size:1em; }
.front a.more:hover { background-color:var(--color2); color:#fff; }

												

																div.body { width:100%; margin:0; padding:0; background: #fafafa; }

																
																	
																
																
																div.height100a { display:block; width:100%; margin:-30px auto 0 auto; padding:0 0 0px 0px; 
																	
																	
																}
																div.height100b { display:block; width:100%; margin:70px auto 0 auto; padding:0 0 0px 0px; 
																	
																	
																}

																
																
																
																div.header { position:absolute; top:0; }
																div.header .headerlogo { display:block; width:320px; height:58px; background:url(/_images/logo_w.png) no-repeat; background-size:contain; margin:20px 0 0 0; padding:0; line-height:0; position:relative; z-index:12; }
																div.header .headerlogo a { display:block; width:100%; height:100%; }
																div.header .headerlogo span { display:none; }
																@media only screen and (max-width:460px)  {
																	div.header .headerlogo { width:190px; height:58px; }
																}

																
																.front a.header_university { display:block; width:103px; height:45px; position:absolute; z-index:12; top:20px; right:0; }
																.front div.qr { width:82px; display:block; z-index:2; position:absolute; right:0; margin: 500px 0 0 0; float:right; color:#fff; text-align:center; font-size:1.2em; }
																.front div.qr img { width:100%; aspect-ratio:1/1; }
																@media only screen and ( width < 1000px )  {
																	.front div.qr { display:none; }
																	.front a.header_university { display:none; }
																}


										
										.front div.c_index div.block_contents1 { float:left; width:100%; }
										.front div.c_index div.block_contents2 { width:calc( 100% - 230px - 4vw ); }
										.front div.c_index div.block_sidemenu { float:right;width:230px; margin-left:-100%; }

										@media only screen and ( width < 1000px )  {
													.front div.c_index div.block_contents1 { float:none; width:100%; }
													.front div.c_index div.block_contents2 { width:100%; }
													.front div.c_index div.block_sidemenu { float:none;width:100%; margin-left:0; }
										}


																	.front div.c_index div.top_main_catch { line-height:1.2em; font-family:var(--font_mplus1prw); color:#000; font-weight:400; font-style:normal; text-align:left; 
																		font-size: clamp( 24px, calc( 90vw / 11.5 ), 120px); 
																		white-space: nowrap; 
																		margin:20px 0 0em 0; 
																		margin-bottom: clamp( 0.5em, 0.5em, 0.3em)
																	}
																	.front div.c_index div.top_main_sub { line-height:1.5em; font-family:var(--font_mplus1prw); color:#000; 
																		
																		font-size: clamp( 1.1em, 1.95vw, 2em); 
																		font-weight:400; font-style:normal; margin:0em 0 2em 0; text-align:left; 
																	}
																	@media only screen and (max-width:1250px)  {
																		
																		
																	}
																	@media only screen and (min-width:1600px)  {
																		
																	}
																	@media only screen and ( width < 700px )  {
																		
																		
																	}
																	.front .top_catch { line-height:1.2em; font-family:var(--font_mplusrounded1c); color:#777; font-size:2.5em; font-weight:300; margin:0 0 0 0; }
																	.front .top_catch span { line-height:1.2em; font-family:var(--font_mplusrounded1c); color:#777; font-size:0.6em; font-weight:300; margin:0 0 0.2em 0; display:block; }
																	.front .top_catch+p { margin-top:1em; }
																	.front .top_catch+a+p { margin-top:1em; }


																	.front  div.c_index .topremote { line-height:1.3em; margin:1em 0; }




.front .contentsbox_news div.newsbox { margin:0em 0 0em 0; clear:both; cursor:pointer; }
.front .contentsbox_news div.newsbox+.more { margin:20px 0 0 0; }
.front .contentsbox_news div.newscontents { float:left; width:calc( 100% - 1.8em - 0.5em ); margin:0 0 1em 0; }
.front .contentsbox_news .date { font-size:1.0em; line-height:1.3em; }
.front .contentsbox_news .newstitle { font-size:1.0em; line-height:1.3em; }
.front .contentsbox_news .newsmore { clear:both; background:#f0f0f0; overflow:hidden; }
.front .contentsbox_news .newsmore .inner { display:block; padding:1.3em 1em 1.3em 1.5em; line-height:1.4em; }

div.openclose { width:1.8em; height:1.8em; margin:0em 0.5em 0.3em 0; background:var(--color1); float:left; }
div.openclose img.openclose { width:100%; }



																		.front div.c_index .contentsbox_books { width:100%; float:none; overflow:auto; }
																		.front div.c_index .contentsbox_books a.img { margin:0 0 0.7em 0; display:block; }
																		.front div.c_index .contentsbox_books a.img img { width:100%; border:1px solid #999; box-sizing: border-box; }
																		.front div.c_index .contentsbox_books .bookblock { margin:0 0 1em 0; }
																		@media only screen and ( width < 1000px )  {
																			.front div.c_index .contentsbox_books { width:48%; float:left; }
																			.front div.c_index .contentsbox_books .bookblock { width:calc( ( 100% - 11px ) / 2 ); margin:0 11px 1em 0; float:left; }
																			.front div.c_index .contentsbox_books .bookblock:nth-child(3n) { margin-right:0; }
																		}
																		@media only screen and ( width < 480px )  {
																			.front div.c_index .contentsbox_books { width:100%; float:none; }
																		}

																		.front div.c_index .contentsbox_tripod a.img { margin:0 0 0.7em 0; display:block; }
																		.front div.c_index .contentsbox_tripod a.img img { width:100%; }
																		@media only screen and ( width < 1000px )  {
																			.front div.c_index .contentsbox_tripod { width:48%; float:right; }
																		}
																		@media only screen and ( width < 480px )  {
																			.front div.c_index .contentsbox_tripod { width:100%; float:none; }
																		}



																		.front div.c_index .contentsbox_menu { clear:both; }
																		.front div.c_index .contentsbox_menu ul { margin:0; padding:0; list-style-type:none; }
																		.front div.c_index .contentsbox_menu li { clear:both; margin:0 0 2em 0; }
																		@media only screen and ( 480px < width < 980px )  {
																			.front div.c_index .contentsbox_menu li { clear:both; width:calc( ( 100% - 4vw ) / 2); display:inline-block; vertical-align:top; margin:0 4vw 3vw 0; }
																			.front div.c_index .contentsbox_menu li:nth-child(2n) { margin-right:0; }
																		}
																		.front div.c_index .contentsbox_menu h3 { clear:both; margin:0.6em 0 0.5em 0; display:inline; line-height:1.3em; }
																		.front div.c_index .contentsbox_menu p { font-size:0.9em; line-height:1.6em; margin:1em 0 1em 0; }
																		.front div.c_index .contentsbox_menu p.p2 { font-size:0.8em; margin:1em 0 0 0em; }
																		.front div.c_index .contentsbox_menu a.imgr { float:right; margin:0em 0 1em 1em; width:40%; max-width:180px; display:block; }
																		.front div.c_index .contentsbox_menu a.imgr img { width:100%; }

																		.front a.banner { display:block; background:#eee; text-align:center; line-height:4em; width:250px; margin:0 0 10px 0; }
																		.front a.banner img { width:100%; }

																		.front div.c_index a.more { }
																		.front div.c_index h2 a.more { width:6em; background:#999; margin:0; padding:0; }


																	
																		
																		
																		
																		
																		
																		





											.note { font-size:80%; }

											.center { text-align:center; }
											.right { text-align:right; }
											.left { text-align:left; }

											
											
											

											
											


a#totop { 
	
	
	padding:0; 
	
	
	
	cursor:pointer; color:#fff; border:0; 
	text-decoration:none;
	text-align:center; 
	z-index:99;
	width:50px;
	height:50px; 
	position:fixed; bottom:10px; right:10px; 
	background-image:url(/_images/button_totop.png);
	background-size:cover; 
	background-color:var(--color1); 
}
a#totop:hover { 
	background-color:var(--color2); 
}

#contents { margin:55px 0 0 0px; padding:0; }



		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		

.mainimg1 {
  position: relative;
  overflow: hidden;

			
			height:90vw;
			max-height:600px; 

}

.mainimg1::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url(/_images/mainimg1.jpg) 50% 40% no-repeat;
  background-size: cover;

  
  transform: scale(2.3);
  opacity: 0;
  
  
  will-change: transform, opacity;
}

.mainimg1.is-visible::before {
  animation: zoomFade 3.0s ease-out forwards;
}

@keyframes zoomFade {
  to {
    transform: scale(1.15);
    opacity: 1;
  }
}


		div.mainimg1 div.inner1 { width:100%; margin:0 auto; }
		div.mainimg1 div.inner2 { width:90%; margin:0 auto; display:flex; align-items:center; position:relative; max-width:1500px; z-index:2; }
		div.mainimg1 div.background { 
			
		}


		div.mainimg1 div.headertext  { margin:150px 0 0 0; font-size:1.2em; }
		div.mainimg1 div.headertext * { font-family:var(--font_mplus1pmw); font-weight:500; transform: scale(0.85, 1); transform-origin: top left; line-height:1.0em; width:120%; clear:left; color:#fff; }
		div.mainimg1 div.headertext div.headertext_text1 { font-size:1.9em; font-weight:500; margin:0px 0 0em 0px; white-space: nowrap; }
		div.mainimg1 div.headertext div.headertext_text2 { font-size:3em; font-weight:500; margin:5px 0 30px 0px; white-space: nowrap; }
		div.mainimg1 div.headertext div.headertext_text3 { font-size:5.8em; font-weight:500; margin:0px; white-space: nowrap; }
		div.mainimg1 div.headertext div.headertext_text4 { font-size:5.3em; font-weight:500; margin:0px; white-space: nowrap; }
		div.mainimg1 div.headertext div.headertext_text5 { font-size:2em; font-weight:500; margin:-20px 0 0em 0px; white-space: nowrap; }
		@media only screen and ( width < 700px )  {
			div.mainimg1 div.headertext  { font-size:2.3vw; margin-top:calc( 120px +8vw ); }
			div.mainimg1 { background-size:cover; }			
		}
		@media only screen and (max-width:550px)  {
			div.mainimg1 div.headertext  { font-size:2.3vw; margin-top:25vw; }
		}

		div.mainimg2 { width:100%; height:100px; position:relative; z-index:1; 
			background:url(/_images/mainimg1.jpg) 50% 10% no-repeat; background-size:cover;
		}
		div.mainimg2 div.inner1 { width:100%; margin:0 auto; height:100px; }
		div.mainimg2 div.inner2 { width:90%; margin:-100px auto; height:100px; display:flex; align-items:center; display:block; position:relative; max-width:1500px; z-index:122; }
		div.mainimg2 div.background { height:100px; width:100%; margin:0 auto; z-index:1; }




		div#mmenublock { width:100%; position:relative; z-index:10; z-index:2; max-height:300px;  }
		div#mmenublock div.mmenubg1 { background:var(--color2); height:76px; width:100%; position:relative; z-index:10; z-index:1; }
		div#mmenublock div.mmenubg2 { background:var(--color2); height:76px; width:100%; position:relative; z-index:10; z-index:1; }

		@media only screen and ( width < 1000px )  {
			div#mmenublock div.mmenubg1 { background:var(--color2); height:50px; width:100%; position:relative; z-index:10; z-index:1; }
			div#mmenublock div.mmenubg2 { background:var(--color2); height:50px; width:100%; position:relative; z-index:10; z-index:1; }
		}

		
		div#mmenubutton { position:relative; text-align:center; color:#fff; padding:12px 0; font-size:1.4em; line-height:1.5em; cursor:pointer; display:flex; justify-content: center; align-items:center; }
		div#mmenubutton img { height:1.2em; margin:-0.2em 0.6em 0 0; vertical-align:middle; }

		ul.mmenu { position:absolute; top:0; padding:0; list-style-type:none; height:80px; width:90%; max-width:1500px; margin:0 auto; z-index:11; 
			
			
			
		}
		ul.mmenu_pos1a { margin:600px 0 0 0; }
		ul.mmenu_pos1b { margin:0px 0 0 0; }
		ul.mmenu_pos2a { margin:100px 0 0 0; }
		ul.mmenu_pos2b { margin:0px 0 0 0; }
		ul.mmenu * { z-index:11; }
		ul.mmenu a { display:block; text-decoration:none; color:#fff; }

		#mmenuinfooter ul.mmenu a:hover { color:#000; background-color:#fff !important; }
		#mmenuinfooter ul.mmenu li.layer1:hover a.layer1 { color:#fff; background-color:var(--color1) !important; }
		#mmenuinfooter ul.mmenu a.layer1active { color:#000; background-color:#fff !important; }
		#mmenuinfooter ul.mmenu a.layer2active { color:#000 !important; background:#fff !important; }
		#mmenuinfooter span.arrow { display:none; }

		ul.mmenu li.layer1 { display:inline-block; margin:0 1px 0 0; vertical-align:top; white-space:nowrap; }
		ul.mmenu a.layer1 { display:inline-block; position:relative;  line-height:1.7em; text-align:left; margin:0 0px 0 0; padding:12px clamp( 0px,1.4vw,30px ); padding-bottom:17px; }
		ul.mmenu a.layer1 span { margin:0; padding:0; }
		ul.mmenu a.layer1 span.japanese { display:block; font-size:1.05em; font-weight:600; transform: scale(1, 1.3); transform-origin: top left; }
		ul.mmenu a.layer1 span.english { display:block; font-size:0.8em; font-weight:300; transform: scale(1, 1.3); transform-origin: top left; }
		ul.mmenu a.layer1 span.arrow { float:right; font-size:0.7em; }

		@media only screen and (min-width:1000px) and (max-width:1250px)  {
			ul.mmenu a.layer1 { padding:12px clamp( 7px,0.6vw,40px ); padding-bottom:17px; }
			ul.mmenu a.layer1 span.japanese { font-size:1.00em; }
			ul.mmenu a.layer1 span.english { font-size:0.7em; }
		}


		ul.mmenu li.layer1_index > a.layer1 { width:45px; height:76px; background: url('/_images/icon_home.svg') 0.5em 1.4em no-repeat; background-size:2.0em; }
		ul.mmenu li.layer1_index > a.layer1 span { display:none; }
		ul.mmenu li.layer1_index > a.layer1:hover { background: url('/_images/icon_home.svg') 0.5em 1.4em no-repeat; background-size:2.0em; }
		ul.mmenu li.layer1_index > a.layer1active { background: url('/_images/icon_home2.svg') 0.5em 1.4em no-repeat; background-size:2.0em; }

		ul.mmenu a.layer2 { font-size:1.1em; line-height:1.5em; padding:0.5em 5em 0.5em 1em; margin:0px 0px; 0 0px ; background:var(--color1); color:#fff; }
		#mmenuinfooter ul.mmenu a.layer2 { border-top:1px solid #fff; }
		ul.mmenu ul.layer2 { position:absolute; overflow:hidden; list-style-type:none; margin:0px 0 0 -1px; padding:0 0em 0 0em; }
		#mmenuinfooter ul.mmenu ul.layer2 { border:1px solid #4060a5; border-top:1px solid #fff; }
		ul.mmenu a.layer2:hover { color:#000; }
		ul.mmenu ul.layer2 li { margin:0;  }

		
		

		div#mmenusmbox { position:absolute; overflow:hidden; overflow-y:scroll; z-index:100; width:100%; background-color: rgba(0, 0, 0, 0.6); }
		div#mmenu_sm_box { position:relative; margin:0; padding:0 0 0px 0px; max-height:calc( 100dvh - 50px ); overflow:auto; background:#000;  }
		div#mmenu_sm_box div#mmenu_sm_box_inner { overflow:auto; margin:20px; }
		
		
		
		
		
		
		
		
		
		



		#mmenu_sm_box ul.mmenu { position:relative; height:auto; list-style-type:none; width:100%; margin:0 !Important; padding:0 !important; }
		#mmenu_sm_box ul.mmenu * { z-index:11; font-size:1em; }
		#mmenu_sm_box ul.mmenu a { display:block; text-decoration:none; color:#fff; }

		
		
		#mmenu_sm_box ul.mmenu a.layer1active { color:#000; background:#fff !important; }
		#mmenu_sm_box ul.mmenu a.layer2active { color:#000 !important; background:#fff !important; }

		#mmenu_sm_box ul.mmenu li.layer1 { width:100%; display:block; background:var(--color2); margin:0 0 1px 0em; white-space:normal;}
		#mmenu_sm_box ul.mmenu a.layer1 { position:relative;  font-size:0.9em; line-height:1.5em; margin:0 0 1px 0; padding:1em 1em; text-align:left; }
		#mmenu_sm_box ul.mmenu a.layer1 span.japanese { display:inline-block; font-size:1.4em; font-weight:600; margin-right:0.5em; }
		#mmenu_sm_box ul.mmenu a.layer1 span.english { display:inline-block; font-size:1em; font-weight:300; }
		#mmenu_sm_box ul.mmenu a.layer1 span.arrow { float:right; font-size:0.95em; }

		#mmenu_sm_box ul.mmenu li.layer1_index > a.layer1 { width:initial; height:initial; background: none; }

		#mmenu_sm_box ul.mmenu a.layer2 { position:relative; font-size:1.0em; line-height:1.1em; padding:0.6em 0.6em 0.6em 0.6em; margin:0px 0px; 1px 0px ;
			background:var(--color1); color:#fff; 
		}
		#mmenu_sm_box ul.mmenu ul.layer2 { position:relative; overflow:auto; list-style-type:none; margin:0px 0 0 0px; padding:0 1em 0 1em; background:#333; 
			display: flex;flex-wrap: wrap;	
		}
		
		#mmenu_sm_box ul.mmenu ul.layer2::before,
		#mmenu_sm_box ul.mmenu ul.layer2::after {
			content: "";
			display: block;
			width: 100%;
			height: 1em; 
			flex-basis: 100%; 
		}

		
		#mmenu_sm_box ul.mmenu ul.layer2 li { position:relative; width:calc( 50% - 2px ); margin:0 2px 2px 0; 
			display: flex; 
		}
		#mmenu_sm_box ul.mmenu ul.layer2 li a { height:100%; 
			flex: 1;
			display: flex;
			align-items: center;
		}
		
		
		
		#mmenu_sm_box ul.mmenu ul.layer2 li.layer2_single { width:100%; margin-top:1em; margin-bottom:1em; }

		
		

		
		
		












		
		ul.footermenu { margin:0px 0 0 0px; padding:0; list-style-type:none; }
		ul.footermenu a { display:block; text-decoration:none; color:#ddd; }

		ul.footermenu a.layer1active { color:#fff; }
		ul.footermenu a.layer2active { color:#fff; text-decoration:underline; }

		ul.footermenu a.layer2:hover { color:#fff; text-decoration:underline; }
		ul.footermenu li.layer1:hover a.layer1 { color:#fff; }

		ul.footermenu li.layer1 { display:block; margin:1em 0px 0 0; overflow:auto;  }
		ul.footermenu a.layer1 { font-size:1.2em; line-height:2.5em; border-bottom:1px solid #ccc; margin:0 0 0.5em 0; }
		ul.footermenu a.layer2 { font-size:0.9em; padding:0em 0em 0em 0em; }
		ul.footermenu ul.layer2 { list-style-type:none; margin:0 0 1em 0em; padding:0 0em 0 0em; }
		ul.footermenu ul.layer2 li { margin:0 3em 0 0em; display:inline-block; }

		ul.layer3menu { list-style-type:none; margin:3em 0 0 0em; padding:0;  }
		ul.layer3menu li { display:inline-block; vertical-align:top; margin:0 5px 5px 0; }
		ul.layer3menu li .layer3 { }
		ul.layer3menu li span.layer3 { }
		ul.layer3menu li a.layer3:hover { }
		ul.layer3menu li .layer3 span { }
		ul.layer3menu li:first-child .layer3 { }

		
		
		
		
		
		
		

		
		
		
		
		
		
		



											div.jswarning { background:#f00; color:#fff; text-align:center; padding:20px 10px; }
											div.jswarning2 { text-align:center; padding:50px 10px; }
											div.jswarning2 div.jswarningtitle { text-align:center; font-size:18px; margin:0 0 10px 0; }

											.popup { color:#fff;cursor:hand }

.w100 { width:100%; }
.w50 { width:50%; }
.w35 { width:35%; }
.w30 { width:30%; }
.w25 { width:25%; }
.w20 { width:20%; }
.w15 { width:15%; }

											div#testmodebar { position:fixed; bottom:4em; left:1em;  z-index:100; }
											div#testmodebar div { font-size:1em; width:100%; text-align:center; background:#c00;color:#fff;line-height:1.7em; z-index:100; padding:0.3em 1em; }
											div#testobj { position:fixed; left:1em; bottom:2.5em; z-index:300; }
											div#testobj2 { position:fixed; left:1em; bottom:1.5em; z-index:300; }
											div#testobj1 { position:fixed; left:1em; bottom:0.5em; z-index:300; }
											





																	.front 	label.label1 {  }
																	.front 	label.label0 { color:#ccc; cursor:default; }
																	.front 	label.floatl { float:left; margin:0 1em 0 0; }

																	.front 	.gbutton {
																		text-align:center; text-decoration:none; 
																		color:#fff; 
																		background: -moz-linear-gradient(top, #ffaf3e, #ff9600); 
																		background: -o-linear-gradient(top, #ffaf3e, #ff9600); 
																		background-image: -webkit-gradient(linear,left bottom, left top, from(#ff9600), to(#ffaf3e));
																		-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffaf3e, endcolorstr=#ff9600))"; zoom: 1; 
																		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffff9600,endColorstr=#ffffaf3e);  
																		background: linear-gradient(to bottom, #ffaf3e, #ff9600);
																	}

																	.front 	.gbutton:disabled {
																		color:#eee !important; 
																		background:#ccc; 
																		cursor:default !important;
																	}

																	.front 	.gbutton1 {
																		display:block; line-height:1.2em; font-size:1.7em; width:100%; max-width:17em; margin:2em auto 0 auto; clear:both; padding:0.7em; 
																		text-align:center; text-decoration:none; 
																		color:#fff; 
																		background: -moz-linear-gradient(top, #ffaf3e, #ff9600); 
																		background: -o-linear-gradient(top, #ffaf3e, #ff9600); 
																		background-image: -webkit-gradient(linear,left bottom, left top, from(#ff9600), to(#ffaf3e));
																		-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffaf3e, endcolorstr=#ff9600))"; zoom: 1; 
																		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffff9600,endColorstr=#ffffaf3e);  
																		background: linear-gradient(to bottom, #ffaf3e, #ff9600);
																	}
																	.front 	.gbutton0 {
																		display:block; line-height:1.2em; font-size:1.7em; width:100%; max-width:17em; margin:2em auto 0 auto; clear:both; padding:0.7em; 
																		text-align:center; text-decoration:none; 
																		color:#eee; 
																		background:#ccc;
																	}


																
																		.front	a.correctbutton { display:block !important; text-align:center !important; text-decoration:none !important; width:80px !important; float:right !important; font-size:12px !important; float:left; height:2em !important; margin:2px 1px 0 1px !important; padding:0px !important; line-height:2em !important; color:#222; border:1px solid #aaa; 
																			background: -moz-linear-gradient(top, #eee, #999); 
																			background: -o-linear-gradient(top, #eee, #999); 
																			background-image: -webkit-gradient(linear,left bottom, left top, from(#999), to(#eee));
																			-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#eeeeee, endcolorstr=#999999))"; zoom: 1; 
																			filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#eeeeeeff,endColorstr=#999999ff);  
																			background: linear-gradient(to bottom, #eee, #999);
																		}
																		.front	a.correctbutton:hover { }

											div.result1 { margin:0 0 0 3px; }
											div.result1 ul { margin:0 0 20px 10px; padding-left:10px; }

											div.errormessage { color:#f44; margin:0 0 5px 0; }
											div.errormessagesingle { display:inline; }
											div.errorexists { text-align:left; background-color:#f00; color:#fff; padding:2px 10px; margin:10px 0 20px 0; width:100%; }



											.front	div.intro { margin:0 0 20px 0;  }
											.front	a.editbutton { line-height:1em; float:right; background:#ddd; color:#222; text-decoration:none; padding:3px 10px; margin:0 0 0 3px; }

																
																	.front	#footer { width:100%; clear:both; padding:0em 0 0em 0px; background:#444; }
																	.front	#footer div.header_in_footer { color:#fff; width:90%; margin:0 auto; max-width:1500px; }
																	.front	#footer2 { width:90%; clear:both; margin:10px auto; padding:0px 0 0 0px; background:#222; max-width:1500px; }
																	.front	#footer2 div.inner { color:#fff; margin:0 0; }
																	.front	#footer2 img { width:220px; margin:3px 0 10px 0; }
																	.front	#footer2 div.cr { clear:both; color:#999;font-size:0.70em; padding:0 0 1.3em 0; line-height:1.3em; }
																	.front	#footer2 div.cr a { color:#99f; margin:0 0 0 0; }
																	.front	#footer2 div.cr a:hover { color:#f00; }
																	.front	#footer2 div.rc { clear:both; color:#777;font-size:0.70em; margin:0 0 12px 0; }
																	.front	#footer2 div.rc a { color:inherit; }
																	.front	#footer2 div.rc a:hover { color:#fff; }
																	.front	#footer a.opensitemap { display:block; text-decoration:none; text-align:center; font-size:1em; color:#fff; background:#666; line-height:2.5em; border-top:1px solid #eee; border-bottom:1px solid #222; }
																	.front	#footer div#footermenucontainer { width:90%; margin:0 auto; max-width:1500px; padding:1em 0 1em 0; overflow:hidden; }
																	@media only screen and ( width < 1000px )  {
																		
																	}
																	.front 	#footer2 div.footerlinkbuttons { width:500px; float:right; margin:-60px 0 0 0; }
																	.front 	#footer2 div.footerlinkbuttons a { width:120px; display:block; float:right; margin:0 0 0 10px; }
																	.front 	#footer2 div.footerlinkbuttons a img { width:120px; }

																	
																	
																	
																	
																	
																	
																	
																	
																	
																	
																	
																	
																	
																	
																	
																	

																
																	
																	
																	
																	

																																		
																																		
																																					
																																					ul.socialbuttons { list-style-type:none; display:inline-block; padding:0; margin:0 0 1em 0; }
																																					ul.socialbuttons li { float:left; margin:0; }
																																					ul.socialbuttons a { text-decoration:none; display:inline-block; font-size:0.8em; line-height:1.5em; margin:0 5px 2px 0; padding:0.3em 0.8em 0.2em 0.8em; border:1px solid #fff; color:#fff; 
																																						-webkit-border-radius:  0.6em;
																																						-moz-border-radius:  0.6em;
																																						border-radius: 0.6em;
																																					}
																																					ul.socialbuttons a.facebookshare { background:#4267b2; color:#fff; }
																																					ul.socialbuttons a.twitter { background:#1c95e0; color:#fff; }
																																					ul.socialbuttons a.line { background:#00b833; color:#fff; }
																																					ul.socialbuttons a.hatena { background:#01a4de; color:#fff; }
																																					ul.socialbuttons a.google { background:#fafafa; color:#a00; }











												.front	div.formbox2 { padding:0.5em 0.7em; width:100%; background:#f6f6f6; border:1px solid #ccc; overflow:auto; margin:0 0 1em 0; }
												.front	div.formbox2 * { vertical-align:middle; }

												.front .errormessagesingle+div.formbox2 { background:#ffe0e0; border:1px solid #faa; }
												.front .errormessagesingle+input { background:#ffe0e0; border:1px solid #faa; }
												.front .errormessagesingle+textarea { background:#ffe0e0; border:1px solid #faa; }



																.front	div.formcomplete2 { width:100%; border:1px solid #ccc; background-color:#f8f8f8; margin:20px 0 20px 0; color:#444; }
																.front	div.formcomplete2 div.inner { margin:25px; }
																.front	ul.formcompletenote  { margin:0 0 0 0.6em; padding:0 0 0 0.6em; }
																.front	ul.formcompletenote li { line-height:1.5em; margin:0.8em 0; }

										body#admin div.countbar { font-size:1.5em; margin:2em 0 0 0; }

										

										body#admin div.adminsearchbox { background-color:#eee;border:1px solid #ccc;margin:1em 0 1em 0px; padding:2px 0 2px 5px; }
										body#admin div.adminsearchbox input[type="submit"] { margin:0; line-height:1em; width:80px; height:25px; }
										body#admin div.adminsearchbox input[type="text"] { margin:0; line-height:1em; width:250px; height:25px; }

										
										#admin	 form.searchbox { background:#eee; padding:5px 7px; margin:0 0 10px 0; border:1px solid #ddd; }
										#admin	 form.searchbox select { margin:0 2px 0 0; }
										#admin	 form.searchbox input.text { width:80px; margin:0 5px 0 0; padding:0; height:20px; }

										
										#admin div.a_summary h2 { margin:1em 0 1em 0;  }
										#admin .pnavi { background:#fff; padding:0.3em; text-align:left; }
										#admin .pnavi * { font-size:12px; }
										#admin .pnavi select { height:25px; line-height:1em; }
										#admin .pnavi input { height:25px; line-height:1em ; }
										#admin .pnavi .button_gray { height:25px; line-height:2em; }
										#admin .pnavi .button_gray0 { height:25px; line-height:2em; }
										
										#admin div.block div.imgbox { float:left; width:30px; height:30px; margin:0 0.5em 0 0; }

										body#admin .onbehalfloginbutton { line-height:3em; margin:0 0 1em 0; padding:0 1em; }

										body#admin .button_gray { display:inline-block; border:1px solid #ccc; text-align:center; line-height:1.5em; text-decoration:none; color:#333 !important; padding:0.5em 1em !important; margin:0 0 0em 0; }

																

																		body#admin div.bloglistbox { overflow:auto; }
																		body#admin div.active0 { border-left:5px solid #f00; padding-left:10px;margin:0 0 10px 0; }
																		body#admin div.active1 { border-left:5px solid #0d0; padding-left:10px;margin:0 0 10px 0; }
																		body#admin div.active2 { border-left:5px solid #55f; padding-left:10px;margin:0 0 10px 0; }
																		
																		body#admin div.adminlistborder { clear:both; border-top:1px solid #aaa; margin:1em 0;  }
																		body#admin img.adminlistimage { float:left; margin:0 1em 1em 0; }
																		body#admin div.pagenavi { text-align:right; float:right; }

																		body#admin .imgsquare { width:80px; margin:0 1em 1em 0; }
																		body#admin .imgsquare img { width:100%; }

																		
																		
																		
																		
																		

																		body#admin div#blog div.addfunctions { text-align:left; margin:0px 5px 15px 3px; }
																		body#admin div#blog div.addfunctions a { padding:3px 8px; text-decoration:none; color:#444; border:1px solid #aaa; font-size:100%; }
																		body#admin div#blog li div.addfunctions { margin:18px 5px 0 -8px; position:absolute; }
																		
																		body#admin div#blog .addedbox { margin:0 0 5px 0; line-height:1.6em; }
																		body#admin div#blog .addedbox div.block { margin:5px 5px; }
																		
																		body#admin div#blog .addedbox a.removelink { background:#c00; text-align:center; padding:1px 8px; text-decoration:none; color:#fff; font-size:100%;  float:right; width:45px;  }
																		body#admin div#blog .addedbox a.removelink:hover { background:#f00; }
																		
																		body#admin div#blog .addedbox img.uploadfileimg { margin:0 0 15px 0; width:250px; }
																		body#admin div#blog .addedbox textarea { width:calc( 100% - 50px ); padding:1em; line-height:1.6em; }
																		body#admin div#blog .addedbox input.text { width:calc( 100% - 50px ); padding:1em; font-size:1.5em; height:1.5em; }
																		body#admin div#blog input.title { width:100%; line-height:1em; font-size:2em; padding:0.5em; height:2.5em; }

																		body#admin div#blog select.categoryno { height:3em; padding:0.5em 1em; }
																		body#admin div#blog input.newcategory { width:20em; padding:0.5em; height:2.5em; }
																		body#admin div#blog input.tags { width:100%; padding:0.5em; height:2.5em; margin:0; }
																		body#admin div#blog .hashtagtitle { background:#ccc; padding:0.1em 0.3em; margin:10px 0 7px 0; }
																		body#admin div#blog label { display:inline-block; }

																		
																		body#admin div#blog .addedbox img { margin:0.5em 0; }
																		body#admin div#blog .addedbox label { float:none; }
																		body#admin div#blog .addedbox input.caption { display:inline; width:calc( 100% - 50px ); padding:0.5em; height:2em; }


																		div#admin div#blog div.formbox { background:#eee; }
																		div#admin div#blog div.formbox div.inner { margin:0 10px; padding:5px 0;  }
																		div.preview { width:100%; max-width:800px; padding:20px; border:1px solid #ccc; background:#fff; }

																		
																		body#admin div#blog input#message_order { width:100%; }
																		body#admin div#blog input#message_count { width:100%; }
																		


											
														body#admin .csstable{ display:table; width: 100%; border-spacing:0; border-collapse: collapse; margin-bottom:15px; }
														body#admin .csstable .row{ display:table-row; margin:0; padding:0; }
														body#admin .row > .cell1 {
															display: table-cell;
															width: 130px;
															margin: 0;
															padding: 0.3em;
															border: 1px solid #ccc;
															background:#ddd; 
															vertical-align:top; 
														}
														body#admin .row > .cell2 {
															display: table-cell;
															padding: 0.3em;
															border: 1px solid #ccc;
															background:#f4f4f4; 
															vertical-align:top; 
														}


											

												body#admin div.note { font-size:0.85em; clear:both; margin:0.2em 0 0.4em 0; }

												body#admin div.completed { background:#0b0; color:#fff; text-align:center; line-height:2em; font-size:1.3em; margin:0.8em 0 1em 0;  }

												body#admin .actionbuttons { text-align:right; float:right; margin:0em 0 0 0; }
												body#admin .actionbuttons a { padding:0.3em 0.8em; border:0; margin:10px 0px 2px 0; text-decoration:none; color:#000; line-height:1.7em;
														background: -moz-linear-gradient(top, #fff, #bbb); 
														background: -o-linear-gradient(top, #fff, #bbb); 
														background-image: -webkit-gradient(linear,left bottom, left top, from(#bbb), to(#fff));
														-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff, endcolorstr=#bbbbbb))"; zoom: 1; 
														filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffffff,endColorstr=#ffbbbbbb);  
														background: linear-gradient(to bottom, #fff, #bbb);
														border:1px solid #bbb; 
												}
												body#admin .actionbuttons span { padding:0.3em 0.8em; border:0; margin:10px 0px 2px 0; text-decoration:none; color:#aaa;  line-height:1.7em;
														background: -moz-linear-gradient(top, #fff, #bbb); 
														background: -o-linear-gradient(top, #fff, #bbb); 
														background-image: -webkit-gradient(linear,left bottom, left top, from(#bbb), to(#fff));
														-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff, endcolorstr=#bbbbbb))"; zoom: 1; 
														filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffffff,endColorstr=#ffabbbbbb);  
														background: linear-gradient(to bottom, #fff, #bbb);
														border:1px solid #bbb; 
												}

												body#admin div.formactionbuttons { clear:both; text-align:center; margin: 3em 0 0 0; }
												body#admin div.formactionbuttons div.links { margin:2em 0 0 0; }

												body#admin input[type="button"] { font-size:1em; }
												body#admin input[type="submit"] { font-size:1em; }
												body#admin select { font-size:1em; }
												body#admin input[type="text"] { border:1px solid #ccc; }
												body#admin input[type="password"] { border:1px solid #ccc; }
												body#admin textarea { border:1px solid #ccc; }
												body#admin a:hover { color:#f00 }

											
												body#admin	 	div.adminloginerrormessage { margin:5px 0 0 0; font-size:100%; }

										
										body#admin	 	div.adminloginerrormessage { margin:5px 0 0 0; }

										body#admin input[type="checkbox"] { margin:0; padding:0; }

										body#admin div.center {text-align:center; }
										body#admin .right { text-align:right; }

										body#admin div.errormessage { font-size:90%; color:#f00; }

												body#admin		form { margin:0; padding:0; }
										body#admin form {margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}

										body#admin .newicon { background:#f00; color:#fff; font-size:10px; padding:0 3px; }
										
										body#admin .red { color:#f00; }
										body#admin .gray { color:#aaa; }
										body#admin .green { color:#0c0; }
										body#admin .blue { color:#66f; }

										body#admin .error { font-size:1em; color:#f00; }

										body#admin hr {margin-bottom:10px; }
										body#admin h1 { color:#66c; font-size:22px; padding:0; margin:0em 0 1em 0; font-weight:900; line-height:1.5em; font-family:initial; text-align:left; border:none; }
										body#admin h2 { color:#66c; font-size:18px; padding:0; margin:0.5em 0; font-weight:900; border:none; line-height:1.5em; font-family:initial; text-align:left; }
										body#admin h3 { color:#66c; font-size:12px; margin:1em 0; font-weight:900; font-family:initial; text-align:left; }
										body#admin h4 { color:#66c; font-size:12px; margin:0px;margin-bottom:10px; color:#66c; font-weight:300; font-family:initial; text-align:left; }
										body#admin h2.form {margin-top:5px;}
										body#admin li {margin-bottom:8px;}
										body#admin p { font-size:12px; letter-spacing:0em; line-height:1.5em; margin-bottom:7px;}
										body#admin p .cr{ font-size:10px; letter-spacing:0em; line-height:1.5em; margin-bottom:7px;font-weight:100; }
										body#admin p.menu0 { color:#444;font-size:12px; margin:0px; background-color:#999; padding-left:5px;margin-top:5px;margin-bottom:3px;}
										body#admin p.menu { color:#444;font-size:12px; margin:0px; background-color:#bbb; padding-left:5px;margin-top:0px;margin-bottom:3px;}
										body#admin p.menud { color:#999;font-size:12px; margin:0px; background-color:#bbb; padding-left:5px;margin-top:5px;margin-bottom:3px;}

												body#admin		.note { font-size:85%; }
												body#admin		.clear { clear:both; }

												body#admin		.eventselection { font-size:70%; }
												body#admin		.eventselection .event_0 { background:#ddd; color:#fff; padding:1px 5px; }
												body#admin		.eventselection .event_1 { background:#888; color:#fff; padding:1px 5px; }

												body#admin 		div.switchview { margin:-5px 0 20px 0; }


												body#admin		div.pnavi { margin:10px 0; }
												body#admin		div.pnavi div.pnavibuttons { float:right; }
												body#admin		.red { color:#ff0000; }
												body#admin		.yellow { color:#eeee00; }
												body#admin		.green { color:#00cc00; }
												body#admin		.gray { color:#cccccc; }
												body#admin		.b { font-weight:bold; }
												body#admin		.status0 { color:#f00; }
												body#admin		.status1 { color:#0c0; }
												body#admin		.status2 { color:#ccc; }
												body#admin		.brandicon { font-size:80%; padding:1px 10px; color:#fff; text-align:center; line-height:1.4em; margin:3px 0 0 0; width:40px; }
												body#admin		p.note { font-size:10px; color:#666666; letter-spacing:0em; line-height:1.5em; margin-bottom:7px;}
												body#admin		td.tdc1 { padding-top:10px; padding-left:15px;}
												body#admin		td.tdc3 { 	background-image:url(images/m3-in.jpg);}
												body#admin		p.cr1 { color:#999999; font-size:10px; letter-spacing:0.1em; text-align:right; margin-right:30px; }
												body#admin		.prlistorderno { padding-left:3px;margin:0 3px 0 0; color:#fff; width:80px; font-size:80%; }
												body#admin		.str { color:#f00; }
												body#admin		.b { font-weight:bold; }
												body#admin		.small { font-size:80%; line-height:1.3em;  }
												body#admin		.note { margin:2px 0; }
												body#admin		div.flash3 { margin-left:215px; }
												body#admin		img.news {margin-left:10px; margin-bottom:10px; }
												body#admin		img.cast {margin-left:10px; margin-bottom:10px; }
												body#admin		img.img1 {margin-left:10px; margin-bottom:10px; }
												body#admin		div.adminimg { height:50px;clear:both;border:1px solid #ccc;padding:5px;margin-bottom:5px; }
												body#admin		div.contents {font-size:12px; color:#444; width:710px; line-height:1.5em; }
												body#admin		table,td { font-size:12px; }
												body#admin		.linetable { width:100%; table-layout: auto; padding: 0; margin: 0px 0px 10px 0px; border-collapse: collapse; background-color: #fff; }
												body#admin		.linetable th {vertical-align: middle; white-space: padding: 13px; border: 1px solid #aaa; border-collapse: collapse; color:#fff; background:#aaa; padding:1px 5px; text-align:left; font-weight:normal; }
												body#admin		.linetable td { vertical-align: middle; white-space: padding: 13px; border: 1px solid #ccc; border-collapse: collapse; color:#444; padding:1px 5px; }
												body#admin		.linetable td {font-weight: normal; padding:3px; color:#444; }
												body#admin		.linetable td * { vertical-align:middle; }
												body#admin		.linetable td.num {background-color: #eee; color: #000; text-align:left; width:30px;}
												body#admin		.linetable td.que {background-color: #f9f9f9; }
												body#admin		.linetable td.change {background-color: #3493d3; color: #000;margin:0; padding:0;}
												body#admin		.linetable .title { font-weight:bold; color:#FF9121 }
												body#admin		.linetable .stitle { font-weight:bold; color:#666; font-size:10px; margin-bottom:10px;}
												body#admin		.linetable .td7 { background-color:#f9f9f9; color:#666; padding-top:5px; padding-right:10px; padding-bottom:10px; padding-left:8px; }
												body#admin		.linetable div.sendmail { margin:20px; overflow:hidden; }
												body#admin		.linetable td.editing { background:#f90; color:#fff; text-align:center; padding:0; line-height:1.5em; }

												body#admin 		td.tdadmin { background:#f6f6f6; color:#bbb; }

												body#admin		table.nb { margin:5px; width:99%; }
												body#admin		table.nb th { border:0; font-size:100%; padding:0 3px; background:#bbb; }
												body#admin		table.nb td { border:0; font-size:100%; padding:0 3px; }

												body#admin		td.nobd { border:0px; }
												body#admin		div.error { font-size:12px; color:#f00; }
												body#admin		table.adminbody { margin:0 auto; width:890px; }
												body#admin		td.adminheader { height:100px; background-image:url(/_images/admintitle.jpg); }
												body#admin		td.adminheader2 { height:14px; border-top:1px solid #666;padding:2 3 2 2px;width=100%;text-align:right;font-size:12px;font-family:arial,Helvetica;background-color:#000;color:#999; }
												body#admin		div.productselectbox { width:228px; height:70px; overflow:hidden; float:left; border:1px solid #eee; margin:0 5px 5px 0; line-height:1.3em;  }
												body#admin		div.productselectbox div.inner { margin:5px; }
												body#admin		div.productselectbox img { float:left;margin:0 5px 0 0; ;border:1px solid #ccc; }
												body#admin		td.leftbox { width:140px; text-align:center; background-color:#ccc; padding:0px;padding-top:5px;border-right:solid 1px #aaaaaa; }
												body#admin		div.leftboxinner { margin:3px 5px 5px 5px; }
												
												body#admin		td.rightbox { width:750px; background:#fff; }
												body#admin		table.xdb { width:100%; table-layout: auto; padding:0px; margin: 0px 0px 10px 0px; border-collapse: collapse; background-color: #fff; }
												body#admin		table.xdb th { padding:2px 4px; vertical-align: top; text-align: left; border: 1px solid #ccc; border-collapse: collapse; color:#444; font-size:100%; background:#ccc; }
												body#admin		table.xdb td { padding:2px 4px; vertical-align: top; text-align: left; border: 1px solid #ccc; border-collapse: collapse; color:#444; font-size:100%;  }
												body#admin		table.xdb td.nb { border:0; text-align:center; }
												body#admin		table.xdb td.town_org { width:200px; overflow:hidden; }

											
												body#admin		 form.searchbox { background:#eee; padding:5px 7px; margin:0 0 10px 0; border:1px solid #ddd; }
												body#admin		 form.searchbox select { margin:0 2px 0 0; }
												body#admin		 form.searchbox input.text { width:120px; margin:0 5px 0 0; height:24px; }



													
													body#admin { background:#fff; margin:0px;padding:0px;color:#444;font-size:12px; text-align:left; } 
													body#adminlogin { background:#fff; } 

													body#admin * { line-height:1.5em; }
													body#admin ul { line-height:1.3em; }
													body#admin li { line-height:1.3em; }

															
															body#admin div.adminleftbox { position:relative; z-index:2; width:120px; float:left; margin:0 0 0 0px;  }
															body#admin div.adminrightbox { position:relative; float:right; z-index:1; margin-top:0px; width:calc( 100% - 125px ); }
															
															
															body#admin div.adminrightbox div.inner { position:relative; z-index:1; padding:20px; margin:0; }
															body#admin table.xdb { width:100%; table-layout: auto; padding:0px; margin: 0px 0px 10px 0px; border-collapse: collapse; background-color: #fff; }
															body#admin table.xdb th { padding:2px 4px; vertical-align: top; text-align: left; border: 1px solid #ccc; border-collapse: collapse; color:#444; font-size:100%; background:#ccc; }
															body#admin table.xdb td { padding:2px 4px; vertical-align: top; text-align: left; border: 1px solid #ccc; border-collapse: collapse; color:#444; font-size:100%;  }
															body#admin table.xdb td.nb { border:0; text-align:center; }
															body#admin table.xdb td.town_org { width:200px; overflow:hidden; }

															
															body#admin	 div.adminloginbox  { margin:0 15px; padding:15px 0 0 0; }
															body#admin	 div.adminloginbox form div.loginerror { display:block; margin-top:5px; color:#f00; }
															body#admin	 div.adminloginbox form input.logintext { width:120px; margin-left:0; margin-right:0; padding:0 5px !important; line-height:1.5em; height:20px; }
															body#admin	 div.adminloginbox form input.loginbutton { height:20px; }
															
																	
																	
																	body#admin	 div.adminheader * { color:#fff; }
																	body#admin	 div.adminheader { display:block; position:relative; width:100%; height:55px; overflow:hidden; background:#222; color:#fff; padding:3px 5px 5px 5px; z-index:100; i}
																	body#admin	 div.adminheader a.menuicon { background:#000; height:55px; width:55px; float:left; margin:-5px 0 0 -5px; display:block; }
																	body#admin	 div.adminheader a.menuicon img { width:60%; margin:20%; }
																	body#admin	 div.adminheader div.titlebox { height:50px; position:relative; display:flex; align-items:center; padding:0 0 0 1em; }
																	body#admin	 div.adminheader div.titlebox span.title { float:none; display:block; font-size:1.2em; line-height:1em; margin:0px 0 0px 0; padding:0; font-family:arial;  position:relative; overflow:hidden; color:#fff; }
																	body#admin	 div.adminheader div.titlebox span.crafz { float:none; display:block; font-size:80%; color:#aaa; line-height:1em; font-family:arial; position:relative;  overflow:hidden; margin:2px 0 0 0; padding:0; text-align:left; }
																	body#admin	 div.adminheader div.loginblock { float:right; text-align:right; margin:9px 0 0 0; position:relative; display:flex; align-items:center;  }
																	body#admin	 div.adminheader div.loginblock div.loginstatus { color:#000; float:right; text-align:center; background:#0f0; margin:3px 5px 0px 0; line-height:1em; padding:3px 0.7em; }
																	body#admin	 div.adminheader div.loginblock a.logoutbutton { display:block; float:right; color:#444; float:right; text-align:center; background:#ccc; margin:3px 1px 0px 0; line-height:1em; padding:3px 0.7em; text-decoration:none; }
																	body#admin	 div.adminheader div.loginblock a.logoutbutton:hover { background:#fff; }
															
															body#admin div.contents { width:100%; margin:0; padding:0; text-align:left; background:#fff; }
															body#admin	div.contents div.leftbox { width:100%; text-align:left; padding:1px 0px; margin:0; background:#999; height:100vh; }
															body#admin	div.contents div.leftbox div.inner { width:90%; margin:8px 5%; }
															
															body#admin div.leftbox div.menublock { margin:5px 0 2px 0px; background-color:#444; color:#fff; padding:2px 3px; font-size:1em; line-height:1.2em;  text-align:center; }
															body#admin div.leftbox input.button { width:100%; margin:0 0 2px 0; padding:0.6em 0; height:initial !important; line-height:1em; cursor:pointer; height:1.8em }
															

															
															body#admin	 div.pnavi { margin:10px 0; background:#eee; padding:8px 4px 8px 10px; }
															body#admin	 div.pnavi div.pnavibuttons { width:400px; text-align:right; float:right; margin:0 0 0px 0; }

													body#admin	 input.button { line-height:1em;  }

													
													body#admin	 .listlabel { clear:both; display:block; background:#f4f4f4; padding:0.4em 0.5em 0.4em 2.2em; margin:0 0 1px 0; text-indent:-1.6em; }
													body#admin	 .listlabel1 { background:#fe0; }
													body#admin	 label.listlabel:hover { background:#ddd; }
													body#admin	 .listlabel img { float:left; margin:0 5px 0 0; }

											body#admin table,td { font-size:12px; }
											body#admin .linetable {table-layout: auto; padding: 0; margin: 0px 0px 10px 0px; border-collapse: collapse; background-color: #fff; }

											
											
											body#admin .linetable td {font-weight: normal; padding:3px;}
											body#admin .linetable td.num {background-color: #eee; color: #000; text-align:left; width:30px;}
											body#admin .linetable td.que {background-color: #f9f9f9; }
											body#admin .linetable td.td1 {background-color: #ddd; color: #000; }
											body#admin .linetable td.td2 {background-color: #f6f6f6; }
											body#admin .linetable td.td3 {background-color: #ccc; color:#000; border-color:#999; line-height:1.2em; }
											body#admin .linetable td.td3 a { color:#000; text-decoration:none }
											body#admin .linetable td.td3 a:hover { color:#FFF; text-decoration:none }
											body#admin .linetable td.nb {border:0px;height:14px;}

											body#admin div.formcomplete2 { width:50em; border:1px solid #ccc; background-color:#f8f8f8; margin:10px 0 20px 0; color:#444; }
											body#admin div.formcomplete2 div.inner { margin:25px; }

											
												body#admin div.a_ranking div.layout { width:100%; }
												body#admin div.a_ranking div.layout table.table1 { width:100%; }
												body#admin div.a_ranking div.layout table.table1 td { width:50%; }

												body#admin div.a_ranking div.layout input.text { width:90%; ;padding:5px;margin:0 0 10px 0; font-size:20px; height:2.2em; }
												body#admin div.a_ranking div.layout textarea { width:90%; ; height:10em; padding:5px;margin:0 0 10px 0; }
												body#admin div.a_ranking h2 { color:#fff; background:#777; width:100%; padding:3px; }
												body#admin div.a_ranking h3 { color:#444; background:#ddd; width:100%; padding:3px; margin:0 0 10px 0; }
												body#admin div.a_ranking table.ranking { margin:0 0 10px 0; }
												body#admin div.a_ranking table.ranking td { vertical-align:top; font-size:100%; padding:2px 10px 1px 3px; margin:0; line-height:1.1em; color:#444; }

												body#admin div.a_ranking div.checklist img { float:left; margin:0 5px 1px 0; }
												body#admin div.a_ranking div.recommendtitle { font-size:20px; }

											body#admin a.actionbutton { padding:0.3em 1em; border:0; margin:10px 4px 2px 0; text-decoration:none; color:#000; 
														background: -moz-linear-gradient(top, #fff, #aaa); 
														background: -o-linear-gradient(top, #fff, #aaa); 
														background-image: -webkit-gradient(linear,left bottom, left top, from(#aaa), to(#fff));
														-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff, endcolorstr=#aaaaaa))"; zoom: 1; 
														filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffffff,endColorstr=#ffaaaaaa);  
														background: linear-gradient(to bottom, #fff, #aaa);
														border:1px solid #bbb; 
												}
											body#admin span.actionbutton { padding:0.3em 1em; border:0; margin:10px 4px 2px 0; text-decoration:none; color:#aaa; 
														background: -moz-linear-gradient(top, #fff, #aaa); 
														background: -o-linear-gradient(top, #fff, #aaa); 
														background-image: -webkit-gradient(linear,left bottom, left top, from(#aaa), to(#fff));
														-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff, endcolorstr=#aaaaaa))"; zoom: 1; 
														filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffffff,endColorstr=#ffaaaaaa);  
														background: linear-gradient(to bottom, #fff, #aaa);
														border:1px solid #bbb; 
												}

											body#admin	.overflowhidden { overflow:hidden; }
										}
										



















#scaleWrap {
  width: 100%;
  display: flex;
  justify-content: center;   
  overflow: hidden;
  border:1px solid #00f;
}


#scaleInner {
  width: 700px;              
  transform-origin: top left;
  

}


#headertext {
  width: 90%;
  padding: 1em;
  


}




#headertext_text2_svg {
  margin-top: 30px; 
  
  font-size:60px; 
}
#headertext_text3 { margin-top:20px; }
#headertext_text4 { margin-top:-20px; font-size:120px; }
#headertext_text5_svg { font-size:50px; margin-top:-10px; }



:root {
  --handwrite-font-size: 130px;  
  --base-font-size: 40px;  
  --handwrite-margin: 10px;    
}

.handwrite {
	
	width: 100%;
	height: auto;
	display: block;
	margin-top: var(--handwrite-margin);
	margin-bottom: var(--handwrite-margin);
	overflow: visible;
}




.text-normal {
  font-size: var(--base-font-size);
  fill: #fff;
}


.text-hand {
  font-size: var(--handwrite-font-size);
  fill: #fff;
  fill-opacity: 0;
  stroke: #fff;
  stroke-width: 3px;
  vector-effect: non-scaling-stroke;
  stroke-dasharray: 2000;
  stroke-dashoffset: 2000;
}


.draw text {
  animation: handwriting 3.0s ease-in-out forwards;
}


.filled text {
  fill-opacity: 1;
  transition: fill-opacity 0.35s linear;
}

@keyframes handwriting {
  to { stroke-dashoffset: 0; }
}



#headertext_text5_svg { opacity: 0; }
.fade-in-handwriting { animation: fadeinhandwriting 0.6s linear forwards; }
@keyframes fadeinhandwriting { from { opacity: 0; } to { opacity: 1; } }