@charset "UTF-8";

/*
Theme Name: ONZE - IMIS 2020
Theme URI: https://imis.tsukuba.ac.jp
Author: ONZE
Author URI: http:/on-ze.com
Description: Design by <a href="http://on-ze.com">ONZE</a>.
Version: 0.9
Text Domain: onze-imis-2020
*/

/******************/
/******************/
/* reset **********/

* {
border:0;
margin:0;
outline:0;
padding:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
font:inherit;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
text-decoration:none;
vertical-align:baseline;
}




article, aside, footer, header, main, nav, section {display:block;}
audio, canvas, progress, video {display:inline-block;}

br,
hr {display:block;}

ol,
ul {list-style:none;}

blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}

input,
select {vertical-align:middle;}


/******************/
/******************/
/* html format ****/

html {font-size:62.5%;}

html.main-navi-open, html.main-navi-open body {overflow:hidden;}

body {
background:#fff;
color:#212121;
font-family:'YuGothic', 'Yu Gothic', '游ゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'Helvetica', sans-serif;
/*font-family:'YuMincho', 'Yu Mincho', '游明朝', 'Hiragino Mincho ProN', 'ヒラギノ明朝 ProN W3', 'Meiryo', 'メイリオ', 'Times New Roman', serif;*/
font-family:'Meiryo', 'メイリオ', 'YuGothic', 'Yu Gothic', '游ゴシック', Arial, Verdana, sans-serif;
/*font-family:'Noto Sans Japanese', 'Meiryo', 'メイリオ', 'YuGothic', 'Yu Gothic', '游ゴシック', Arial, Verdana, sans-serif;*/
font-size:18px;
font-size:1.8rem;
line-height:1;
position:relative;
text-align:center;
	-webkit-text-size-adjust:100%;
	-moz-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	-o-text-size-adjust:100%;
	text-size-adjust:100%;
font-feature-settings:"palt";
-webkit-font-smoothing:antialiased;
/*-moz-font-smoothing:antialiased;
-ms-font-smoothing:antialiased;
-o-font-smoothing:antialiased;*/
font-smoothing:antialiased;
/* text-rendering:optimizeLegibility; まだ使わないほうが無難 */
-webkit-tap-highlight-color:transparent;
width:100%;
height:auto;
}
body.main-navi-open {overflow:hidden;}

a,
a:link,
a:visited,
a:hover,
a:active {
color:inherit;
	-webkit-tap-highlight-color:transparent rgba(0,0,0,0);
	-moz-tap-highlight-color:transparent rgba(0,0,0,0);
	-ms-tap-highlight-color:transparent rgba(0,0,0,0);
	-o-tap-highlight-color:transparent rgba(0,0,0,0);
	tap-highlight-color:transparent rgba(0,0,0,0);
text-decoration:none;
-webkit-text-decoration-skip:objects;
}

a:hover {color:#5f1985; color:var(--oz-color-purple);}

h1,
h2,
h3,
h4,
h5,
h6 {display:block;}

b {color:#5f1985; color:var(--oz-color-purple);}
i {font-style:normal;}
u {text-decoration:underline;}
em {font-weight:bold;}
strong {font-weight:bold; font-size:1.4em;}
mark {background:transparent;}

q {}
q:before,
q:after {content:'"';}
s {text-decoration:underline;}
del {text-decoration:line-through;}

ins {}
iframe {}

ruby {}
rt {font-size:0.5em;}

sup {vertical-align:super; font-size:smaller;}
sub {vertical-align:sub; font-size:smaller;}

details {margin:0 0 40px 0;}

hr {margin:0 0 60px 0; border:0; border-top:1px solid #cbd2d9; border-color:var(--oz-color-border); height:0;}

table {border-collapse:collapse; border-spacing:0; empty-cells:show; border:0; width:100%; font-size:16px; font-size:1.6rem; margin:0 0 2em 0; border-top:1px solid #f0f2f4; border-color:var(--oz-color-light);}
table th,
table td {padding:16px 4px; vertical-align:top; border:1px solid #fff;}
table th {text-align:center;}
table caption {text-align:left; font-weight:bold; padding:8px; border-left:4px solid; border-color:#5f1985; border-color:var(--oz-color-purple); margin:0 0 0 1px; font-size:16px; font-size:1.6rem;}

table th {background-color:#f0f2f4; background-color:var(--oz-color-border);}
table td {background-color:#f0f2f4; background-color:var(--oz-color-light);}

table thead th,
table thead td {background-color:#5f1985; background-color:var(--oz-color-purple); color:#fff;}
table tfoot td {text-align:right; padding:4px 0; background-color:transparent; font-size:12px; font-size:1.2rem;}

::-moz-selection {background-color:#5f1985; background-color:var(--oz-color-purple); color:#fff;}
::selection {background-color:#5f1985; background-color:var(--oz-color-purple); color:#fff;}

/******************/
/******************/
/* shortcodes *****/

.pc {display:block;}
.tb {display:none;}
.sp {display:none;}
.pc.tb {display:block;}
.pc.sp {display:block;}
.tb.sp {display:none;}


.alignright,
.align-right,
.textright,
.text-right {text-align:right;}
.alignleft, .align-left, .textleft, .text-left {text-align:left;}
.center, .aligncenter, .align-center, .textcenter, .text-center {text-align:center; display:block; margin-left:auto; margin-right:auto;}
.clear {clear:both;}
.clearfix:after {content:""; clear:both; display:block; height:0; visibility:hidden;}
[hidden],
.hide,
.none {display:none;}
.hidden {overflow:hidden;}
.left, .floatleft, .float-left {float:left;}
.right, .float-right, .float-right {float:right;}
.relative {position:relative;}
.absolute {position:absolute;}
.static {position:static;}
.fixed {position:fixed;}
.nowrap {white-space:nowrap;}
.small {font-size:0.8em;}

img.left,
img.alignleft,
img.align-left {margin:0 20px 20px 0; float:left;}
img.right,
img.alignright,
img.align-right {margin:0 0 20px 20px; float:right;}

img.full {width:100%; max-width:100%; height:auto;}

table.border,
table.border th,
table.border td {border:1px solid #f0f2f4; border-color:var(--oz-color-light);}

table.hover tbody tr:hover,
table.hover tbody tr:nth-child(odd):hover,
table.hover tbody tr:nth-child(even):hover {background-color:#5f1985; background-color:var(--oz-color-purple); color:#fff; cursor:text;}

table.stripe tbody tr:nth-child(odd) {background-color:#f0f2f4; background-color:var(--oz-color-light);}
table thead th {vertical-align:bottom;}

:root {
--oz-color-black:#212121;
--oz-color-white:#fff;
--oz-color-light:#f0f2f4;
--oz-color-border:#cbd2d9;
--oz-color-dark:#3c1846;
--oz-color-purple:#5f1985;
--oz-color-lightpurple:#6600cc;
}


.color-black {}
.color-light {color:#f0f2f4; color:var(--oz-color-light);}
.color-green {color:#5f1985; color:var(--oz-color-purple);}
.color-white {color:#ffffff; color:var(--oz-color-white);}

.color-success {color:blue;}
.color-error {color:red;}
.color-warning {color:yellow;}

/******************/
/******************/
/* WordPress Tags */

img.size-full,
img.size-large,
.wp-post-image,
.post-thumbnail img {
max-width:100%;
width:100%;
height:auto;
}

.wp-caption {}
.wp-caption-text {}
.sticky {}
.gallery-caption {}
.bypostauthor {}
#wpstats {display:none;}

.wp-embedded-content {max-width:100%; width:100%;}
.wp-video {margin:0 0 1em 0; max-width:100%; width:100%;}
.wp-video-shortcode {margin:0 0 1em 0; max-width:100%; width:100%;}
/******************/
/******************/
/* layout *********/

#to,
#bo {clear:both; display:block; height:0; overflow:hidden;}

.site {width:100%; height:auto; position:relative;}

.inner {clear:both; display:block; margin:0 auto; position:relative; max-width:1600px; width:100%;
padding:0 20px;
padding-left:calc( 20px + constant(safe-area-inset-left) );
padding-right:calc( 20px + constant(safe-area-inset-right) );
}
.inner[data-width="min"] {max-width:1200px;}
.inner[data-width="mid"] {max-width:1600px;}
.inner[data-width="max"] {max-width:2400px;}

/*
.inner:after {content:""; display:block; clear:both; height:0; visibility:hidden; overflow:hidden;}
*/

/******************/
/******************/
/* header *********/

#header {width:100%; padding:32px 0; display:block; position:relative;}

#header-logo {margin:0 0 0;}
#header-logo h1 {display:block; margin:0; width:600px; height:120px; white-space:nowrap; overflow:hidden; position:relative;}
#header-logo h1 a {display:block; padding:140px 0 0 0; background:transparent no-repeat;
	background-image:url("images/logo-icon.png"), url("images/logo-title.png");
	background-position:left top, right top;
	background-size:120px 120px, 460px 120px;
}
#header-logo h1 a:hover {opacity:0.7;}
#header-logo h2 {display:none;}

#header-util {position:absolute; float:right; right:100px; top:40px; line-height:1;}
#header-util ul {display:table; table-layout:fixed; border-spacing:12px 0; font-size:16px; font-size:1.6rem;}
#header-util ul li {display:table-cell; min-width:160px; vertical-align:middle;}
#header-util ul li i {text-transform:uppercase;}
#header-util ul li a {display:block; border:2px solid; border-color:#5f1985; border-color:var(--oz-color-purple); color:#5f1985; color:var(--oz-color-purple); padding:16px 16px;}
#header-util ul li a:hover {background-color:#5f1985; background-color:var(--oz-color-purple); color:#fff;}
#header-util ul li.banner {max-width:160px; height:52px; display:none;}
#header-util ul li.banner a {padding:0; background-color:#5f1985; background-color:var(--oz-color-purple);}
#header-util ul li img {max-width:100%; width:100%; height:auto; line-height:0;}


.util-lang ul {}
.util-lang li {font-size:14px; font-size:1.4rem;}
.util-lang ul li a {}
.util-lang ul li i {text-transform:uppercase;}

#header-lang {position:absolute; top:0; right:20px;}
#header-lang ul {}
#header-lang ul li {display:inline-block; margin:0;}
#header-lang ul li:not(:last-child):after {content:"/"; padding:0 0 0 4px; display:inline-block; color:#cbd2d9; color:var(--oz-color-border);}
#header-lang ul li a {color:#cbd2d9; color:var(--oz-color-border); cursor:pointer;}
#header-lang ul li a:hover {color:#5f1985; color:var(--oz-color-purple); cursor:pointer;}
#header-lang ul li.is-current a {color:#5f1985; color:var(--oz-color-purple);}
#header-lang ul li.is-current a:hover {cursor:default;}


/******************/
/******************/
/* navi ***********/

.navi-toggle {position:absolute; display:block; width:56px; height:50px; top:40px; right:20px; background:transparent; cursor:pointer; z-index:9999;}
.navi-toggle span {
display:block;
position:absolute;
right:0;
height:2px;
background-color:#3c1846; background-color:var(--oz-color-dark);
background-color:#5f1985; background-color:var(--oz-color-purple);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.navi-toggle span:nth-child(1) {top:10px; width:56px;}
.navi-toggle span:nth-child(2) {top:24px; width:38px;}
.navi-toggle span:nth-child(3) {top:38px; width:19px;}

.navi-toggle:hover span {background-color:#5f1985; background-color:var(--oz-color-purple);}

.navi-toggle i {opacity:0;}
.navi-toggle.on i {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
opacity:1;
}
.navi-toggle i {position:absolute; width:36px; height:36px; top:0; left:0; color:transparent;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-o-transition:all 0.4s;
	transition:all 0.4s;
}
.navi-toggle i:before,
.navi-toggle i:after {
content:"";
position:absolute;
display:inline-block;
top:18px; left:0;
width:100%;
height:2px;
background-color:#fff;
border-radius:2px;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-o-transition:all 0.4s;
	transition:all 0.4s;
}
.navi-toggle.on i:before {
	-webkit-transform:rotate(-45deg) scale(1);
	-ms-transform:rotate(-45deg) scale(1);
	transform:rotate(-45deg) scale(1);
}
.navi-toggle.on i:after {
	-webkit-transform:rotate(45deg) scale(1);
	-ms-transform:rotate(45deg) scale(1);
	transform:rotate(45deg) scale(1);
}


@media screen and (max-width:1300px) {
	#header-logo h1 {width:450px; height:90px;}
	#header-logo h1 a {background-size:90px 90px, 345px 90px;}
	#header-util {top:20px;}
	#header-lang {top:-10px;}
	.navi-toggle {top:20px;}
}
@media screen and (max-width:960px) {
	#header-logo h1 {width:400px; height:80px;}
	#header-logo h1 a {background-size:80px 80px, 306px 80px;}
	#header-util ul {font-size:14px; font-size:1.4rem;}
	#header-util ul li {min-width:140px;}
	#header-util ul li a {padding:12px;}
}
@media screen and (max-width:900px) {
	#header {padding:20px 0;}
	#header-lang {display:none;}
	#header-util {top:4px;}
	#header-util ul {display:block;}
	#header-util ul li {display:block; margin:0 0 8px 0;}
	#header-util ul li a {padding:6px 12px;}
}
@media screen and (max-width:680px) {
	#header {padding:16px 0;}
	#header-logo h1 {width:300px; height:60px;}
	#header-logo h1 a {background-size:60px 60px, 230px 60px;}
	#header-util {top:0;}
	#header-util ul li {min-width:120px; margin:0 0 6px 0;}
	#header-util ul li a {padding:4px 6px 2px;}
	.navi-toggle {top:8px;}
}
@media screen and (max-width:560px) {
	#header-util {display:none;}
}
@media screen and (max-width:460px) {
	#header-logo h1 {width:270px; height:54px;}
	#header-logo h1 a {background-size:54px 54px, 207px 54px;}
}
@media screen and (max-width:460px) {
	#header {padding:8px 0;}
	#header-logo h1 {width:240px; height:48px;}
	#header-logo h1 a {background-size:48px 48px, 184px 48px;}
	.navi-toggle {top:12px;}	
	.navi-toggle span:nth-child(1) {top:6px; width:30px;}
	.navi-toggle span:nth-child(2) {top:14px; width:21px;}
	.navi-toggle span:nth-child(3) {top:22px; width:12px;}
}


#header-navi {line-height:1.4; margin:0 auto; padding:12px 0; margin:0 0 20px 0; position:relative; border-top:1px solid; border-bottom:1px solid; border-color:#cbd2d9; border-color:var(--oz-color-border); position:relative; z-index:3;}
#header-navi ul {display:table; table-layout:fixed; width:100%; list-style:none; margin:0; padding:0; border-collapse:collapse; font-size:16px; font-size:1.6rem;}
#header-navi ul li {display:table-cell; border-left:1px solid; border-right:1px solid; border-color:#cbd2d9; border-color:var(--oz-color-border); padding:0 12px; position:relative; white-space:nowrap;}
#header-navi ul li i {font-size:16px; font-size:1.6rem; display:block; color:#5f1985; color:var(--oz-color-purple); text-transform:uppercase; white-space:nowrap; overflow:hidden;}
#header-navi ul li a {display:block; padding:12px 2px 10px;}
#header-navi ul li a:hover {background-color:#5f1985; background-color:var(--oz-color-purple); color:#fff;}
#header-navi ul li a:hover i {color:#fff;}
#header-navi ul li[class*="current"] a {background-color:#f0f2f4; background-color:var(--oz-color-light);}
#header-navi ul li[class*="current"] a:hover {cursor:default; color:#212121; color:var(--oz-color-black);}
#header-navi ul li[class*="current"] a:hover i {color:#5f1985; color:var(--oz-color-purple);}

#header-navi ul li ul.sub-menu {display:none; position:absolute; left:-1px; right:-1px; width:auto; border-bottom:1px solid; border-color:#cbd2d9; border-color:var(--oz-color-border);}
#header-navi ul li:hover ul.sub-menu {display:block;}

#header-navi ul li ul.sub-menu li {display:block; padding:0; position:relative; white-space:normal;}
#header-navi ul li ul.sub-menu li a {display:block; background-color:#fff;}
#header-navi ul li ul.sub-menu li a[target="_blank"] span {
	background-repeat:no-repeat;
	background-image:url("images/ic-external-black.svg");
	background-position:right 12px center;
	background-size:12px 12px; padding-right:24px;}
#header-navi ul li ul.sub-menu li a:hover {background-color:#5f1985; background-color:var(--oz-color-purple); color:#fff; cursor:pointer;}
#header-navi ul li ul.sub-menu li a[target="_blank"]:hover span {background-image:url("images/ic-external-white.svg")}

#header-navi ul li ul.sub-menu li[class*="has-children"] > a span {
background-repeat: no-repeat;
background-image: url("images/arrow-r-purple.svg");
background-position: right 12px center;
background-size: 12px 12px;
padding-right: 24px;
}
#header-navi ul li ul.sub-menu li[class*="has-children"] > a:hover span {background-image:url("images/arrow-r-white.svg");}
#header-navi ul li ul.sub-menu li ul.sub-menu {display:none; position:absolute; left:100%; top:0; width:100%; max-width:150%; border-top:1px solid; border-color:#cbd2d9; border-color:var(--oz-color-border);}
#header-navi ul li ul.sub-menu li:hover ul.sub-menu {display:block;}
#header-navi ul li ul.sub-menu li ul.sub-menu li {}

@media screen and (max-width:800px) {
	#header-navi {display:none; height:100%; padding:120px 0; position:fixed; top:0; left:0; right:0; bottom:0; background-color:#3c1846; background-color:var(--oz-color-dark);
	overflow:scroll;
	-webkit-overflow-scrolling:touch;
	overflow-scrolling:touch;
	border:0;
	cursor:pointer; z-index:9998;}
	#header-navi.is-active {display:none;}
	#header-navi ul {display:block; border-top:1px solid #fff; text-align:left;}
	#header-navi ul li {display:block; border:0; border-bottom:1px solid #fff;}
	#header-navi ul li a,
	#header-navi ul li[class*="current"] a {display:block; padding:20px 0; padding-left:52%; color:#fff;}
	#header-navi ul li a:hover {background:#fff; color:#5f1985; color:var(--oz-color-purple);}
	#header-navi ul li a i {position:absolute; right:50%;}
	.navi-toggle {display:block;}

}


/******************/
/******************/
/* widget *********/


#footer-widget {
	position:-webkit-sticky;
	position:sticky;
bottom:0; overflow:hidden; width:100%; z-index:80;}
/*#footer-widget.static {position:static;}*/

.widget {padding:0; position:relative; clear:both; background:#f0f2f4; background:var(--oz-color-light); line-height:1.4;}
.widget ul {text-align:center; display:table; table-layout:fixed;background-color:#3c1846; background-color:var(--oz-color-dark); width:100%; list-style:none; border-collapse:collapse; font-size:11px; font-size:1.1rem;}
.widget ul li {display:table-cell; margin:0; padding:0;}
.widget ul li span {text-align:left; display:inline-block; margin:0 auto; position:relative; padding-left:40px;}
.widget ul li:nth-child(2) {border-left:1px solid; border-color:rgba(255,255,255,0.5);}
.widget ul li:nth-child(3) {border-left:1px solid; border-color:rgba(255,255,255,0.5);}
.widget ul li i {display:block; font-size:16px; font-size:1.6rem;}
.widget ul li a {display:block; padding:40px 12px 36px; color:#fff;}
.widget ul li:nth-child(1) a {background-color:#3c1846; background-color:var(--oz-color-dark);}
.widget ul li:nth-child(2) a {background-color:#5f1985; background-color:var(--oz-color-purple);}
.widget ul li a:hover {opacity:0.7;}

.widget ul li span:before {position:absolute; left:0; top:50%; margin-top:-0.5em; content:"\E90c"; font-family:'Material Icons'; font-size:24px; line-height:1; white-space:nowrap;}

.widget ul li span:before {position:absolute; left:0; top:50%; margin-top:-0.5em; margin-right:0.4em; content:"\e7f1"; font-family:'Material Icons'; font-size:32px; line-height:1; white-space:nowrap;}
.widget ul li:nth-child(2) span:before {content:"\e55b";}
.widget ul li:nth-child(3) span:before {content:"\e2bc";}

@media screen and (max-width:600px) {
	.widget ul li a {padding:0;}
	.widget ul li span {padding:12px 0 12px 0; text-align:center; display:block;}
	.widget ul li span:before {position:relative; top:inherit; left:inherit; display:block; margin:0 auto 4px; font-size:21px; font-size:2.1rem;}
}

/******************/
/******************/
/* footer *********/


#footer {text-align:center; padding:0 0 0; line-height:1.4;}

#footer-navi {line-height:1.4; position:relative; padding:80px 0 40px 0; background-color:#f0f2f4; background-color:var(--oz-color-light);}
#footer-navi .flex {width:100%;
display:-webkit-flex;
display:flex;
flex-wrap:wrap;
flex-direction:row;
align-items:stretch;
align-content:stretch;
-webkit-justify-content:space-between;
justify-content:space-between;
}
#footer-navi .module {text-align:left; padding:12px 16px 12px 0;
position: relative; clear:both;
display: block;
margin: 0 0 2% 0;
text-align: left;
flex: 0 1 auto;
flex-grow: 0;
flex-shrink: 1;
flex-basis: 13%;
max-width: 13%;
}
#footer-navi .module:nth-child(1) {
flex-basis:29%;
max-width:29%;
}
#footer-navi .module:nth-child(1) ul li {
float:left;
width:48%;
}
#footer-navi .module:nth-child(1) ul li:nth-child(odd) {clear:both;}
#footer-navi .module:nth-child(1) ul li:nth-child(even) {float:right;}
#footer-navi .module:not(:last-child) {border-right:1px solid #cbd2d9; border-color:var(--oz-color-border);}
#footer-navi h4 {margin:0 0 16px 0; font-weight:bold; font-size:16px; font-size:1.6rem;}
#footer-navi ul {clear:both; text-align:left; margin:0; font-size:14px; font-size:1.4rem; border-collapse:collapse;}
#footer-navi ul li {display:block; padding:0 0 0 0.2em; margin:0 0 12px 0; word-break:break-all; /*text-indent:-1em;*/}
#footer-navi ul li a {background:url("images/arrow-r-purple.svg") left center no-repeat; background-size:12px 12px; display:inline-block;}
#footer-navi ul li a:hover {}
#footer-navi ul li i {display:none;}
#footer-navi ul li a[target="_blank"] {
	background:no-repeat;
	background-image:url("images/arrow-r-purple.svg"), url("images/ic-external-black.svg");
	background-position:left center, right center;
	background-size:12px 12px, 12px 12px;
padding-right:20px;}
#footer-navi ul li a[target="_blank"]:hover {background-image:url("images/arrow-r-purple.svg"), url("images/ic-external-purple.svg");}
#footer-navi ul li a span {padding:0 0 0 1em;}

/* ▲ iPhone 6+ 横（736px） ▼ */
@media screen and (max-width:800px) {
	#footer-navi {padding:40px 0 32px;}
	#footer-navi .flex {border-top:1px solid #cbd2d9; border-color:var(--oz-color-border); display:block;}
	#footer-navi .module,
	#footer-navi .module:nth-child(1) {display:block; border:0; border-bottom:1px solid #cbd2d9; border-color:var(--oz-color-border); padding:16px 0 0 0; margin:0; width:100%; max-width:100%;}
	#footer-navi .module:not(:last-child) {border:0; border-bottom:1px solid #cbd2d9; border-color:var(--oz-color-border);}
	#footer-navi h4 {cursor:pointer; display:block; padding:0 0 0 12px; font-size:16px; font-size:1.6rem; background:url("images/arrow-b-black.svg") right 12px center no-repeat; background-size:16px 16px;}
	#footer-navi h4.on {background-image:url("images/arrow-c-black.svg");}
	#footer-navi h4.on:hover {background-image:url("images/arrow-c-purple.svg");}
	#footer-navi h4:hover {color:#5f1985; color:var(--oz-color-purple); background-image:url("images/arrow-b-purple.svg");}
	#footer-navi div[class^="menu-footer-navi"] {display:none; padding:0 0;}
	#footer-navi ul {display:block; width:100%; padding:0 0 0 16px; font-size:14px; font-size:1.4rem;}
	#footer-navi ul.menu {margin:0 0 20px 0;}
	#footer-navi ul li {display:block; border:0; white-space:nowrap;}
	#footer-navi .module:nth-child(1) ul li,
	#footer-navi .module:nth-child(1) ul li:nth-child(odd),
	#footer-navi .module:nth-child(1) ul li:nth-child(even) {float:none; clear:both; width:100%;}
	#footer-navi ul li a {}
}




#footer-lang {line-height:1.4; position:relative; padding:0 0 40px 0; background-color:#f0f2f4; background-color:var(--oz-color-light);}
#footer-lang ul {position:relative; text-align:center;
display:table; table-layout:fixed; min-width:160px; width:240px;
max-width:300px; margin:0 auto;
border-spacing:12px; line-height:1.4;}
#footer-lang ul li {display:table-cell; white-space:nowrap;}
#footer-lang ul li a {display:block; background-color:#cbd2d9; background-color:var(--oz-color-border); background-color:#fff; color:#cbd2d9; color:var(--oz-color-border); padding:6px 0 6px;}
#footer-lang ul li a:hover {background:#5f1985; background:var(--oz-color-purple); color:#fff; cursor:pointer;}
#footer-lang ul li i {}
#footer-lang ul li.is-current a {background-color:#3c1846; background-color:var(--oz-color-dark); color:#fff;}
#footer-lang ul li.is-current a:hover {cursor:default;}

#footer-logo {background-color:#3c1846; background-color:var(--oz-color-dark); color:#fff; padding:80px 20px;}
#footer-logo h2 {margin:0 auto 32px; width:100px; height:110px; overflow:hidden;}
#footer-logo h2 a {background:center center no-repeat;
background-image:url("images/tsukuba-icon-white.png"), url("images/tsukuba-icon-title-white.svg");
background-position:center 0, center 60px;
background-size:50px 50px, 100px 40px;
padding:140px 0 0 0;
display:block;
}

#footer-logo h2 a:hover {opacity:0.8;}
#footer-logo p {display:none;}

#footer-logo .footer-logo-list {text-align:center;}
#footer-logo .footer-logo-list h2 {display:inline-block; margin:0 12px 32px;}
#footer-logo .footer-logo-list h2:nth-child(2) a {background-image:url("images/logo-sie.png");
	background-size:100px 100px; background-position:0 0;
}


small#site-info {clear:both; font-size:10px; font-size:1.0rem; text-transform:uppercase;}

small#site-info a {color:#5f1985; color:var(--oz-color-purple);}
small#site-info a:hover {color:#5f1985; color:var(--oz-color-purple);}

/******************/
/******************/
/* main ***********/

#main {padding:0 0 40px 0; line-height:2.0; overflow:hidden;
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	-ms-hyphens:auto;
	hyphens:auto;
}
.home #main {padding:0;}
#main a {}


#main-navi {color:#fff; position:fixed; width:100%; height:100%; top:0; left:0; right:0; bottom:0; padding:60px; pointer-events:none; cursor:pointer;
z-index:99999;}
#main-navi .splash {position:fixed; top:0; right:0; width:1px; height:1px; z-index:90;}
#main-navi .splash:after {content:""; display:block; position:absolute; border-radius:50%; background-color:#3c1846;
	width:284vmax;
	height:284vmax;
	top:-142vmax;
	left:-142vmax;
	transform: scale(0);
	transform-origin:50% 50%;
	transition: transform .5s cubic-bezier(0.755, 0.050, 0.855, 0.060);
	will-change:transform;
}

#main-navi.is-open {
	pointer-events:auto;
	overflow:scroll;
	-webkit-overflow-scrolling:touch;
	overflow-scrolling:touch;
}
#main-navi.is-open .splash:after {transform:scale(1);}
/*#main-navi.is-open .inner {visibility:visible;}*/
#main-navi > #main-navi-inner {opacity:0; z-index:91; position:relative; transform:translateY(90px);}

/*
#main-navi ul li {opacity:0; transform:translateY(90px);}
#main-navi ul li:nth-child(1) {transition:.7s cubic-bezier(.32, .95, .6, 1) .20s;}
#main-navi ul li:nth-child(2) {transition:.7s cubic-bezier(.32, .95, .6, 1) .18s;}
#main-navi ul li:nth-child(3) {transition:.7s cubic-bezier(.32, .95, .6, 1) .16s;}
#main-navi ul li:nth-child(4) {transition:.7s cubic-bezier(.32, .95, .6, 1) .14s;}
#main-navi ul li:nth-child(5) {transition:.7s cubic-bezier(.32, .95, .6, 1) .12s;}
#main-navi ul li:nth-child(6) {transition:.7s cubic-bezier(.32, .95, .6, 1) .10s;}
*/

#main-navi.is-open > #main-navi-inner {opacity:1; transform:translateY(0px); transition:.7s cubic-bezier(.32, .95, .6, 1) .2s; transition-delay:400ms;}
#main-navi.is-open.on-leaving > #main-navi-inner {opacity:0; transform:translateY(90px); transition:.7s cubic-bezier(.32, .95, .6, 1) .2s;}

#main-navi ol {text-align:center; margin:0 auto 60px; text-transform:uppercase;}
#main-navi ol li {display:inline-block; margin:0 4px; min-width:110px;}

#main-navi ol li a {display:block; background-color:#fff; color:#5f1985; color:var(--oz-color-purple); border:1px solid; border-color:#fff; padding:6px 24px;}
#main-navi ol li a:hover {background-color:#5f1985; background-color:var(--oz-color-purple); color:#fff;}
#main-navi ol li.is-current a {background-color:#5f1985; background-color:var(--oz-color-purple); color:#fff;}


#main-navi-inner > ul {text-align:left;
display:-webkit-flex;
display:flex;
flex-wrap:wrap;
flex-direction:row;
align-items:stretch;
align-content:stretch;
-webkit-justify-content:space-between;
justify-content:space-between;
}

#main-navi-inner > ul > li {position:relative; display:block; margin:0 0 60px 0; padding:0 2%;
flex:0 1 auto;
flex-grow:0;
flex-shrink:1;
flex-basis:24%;
max-width:24%;
word-break:break-all;
}
#main-navi-inner > ul:after {content:""; display:block;
flex: 0 1 auto;
flex-grow: 0;
flex-shrink: 1;
flex-basis: 24%;
max-width: 24%;
}

#main-navi-inner > ul li a:hover {text-decoration:underline; color:#fff;}
#main-navi-inner > ul li ul.sub-menu {padding:12px 0 0 20px;}
#main-navi-inner > ul li ul.sub-menu li {margin:0 0 20px 0;}
#main-navi-inner > ul li ul.sub-menu li a span {background:left center no-repeat; background-image:url("images/arrow-r-white.svg"); background-size:12px 12px; padding:0 0 0 16px;}

#main-navi-inner > ul li ul.sub-menu li a[target="_blank"] span {
	background-image:url("images/arrow-r-white.svg"), url("images/ic-external-white.svg");
	background-position:left center, right center;
	background-repeat:no-repeat, no-repeat;
	background-size:12px 12px, 16px 16px;
	padding-right:20px;
}

#main-navi p img {max-width:300px;}
#main-navi p a:hover img {opacity:0.7;}

@media screen and (max-width:1200px) {
	#main-navi-inner > ul > li {flex-basis:32%; max-width:32%;}
}
/* ▲ iPhone 6+ 横（736px） ▼ */
@media screen and (max-width:800px) {
	#main-navi {padding:60px 40px;}
	#main-navi-inner > ul > li {flex-basis:48%; max-width:48%;}
}

@media screen and (max-width:520px) {
	#main-navi {padding:60px 20px;}
	#main-navi-inner > ul {display:block;}
	#main-navi-inner > ul > li {flex-basis:100%; max-width:100%;}
}

/******************/
/******************/
/* sidebar.php ****/

/*
#sidebar {}
#sidebar .module {margin-bottom:20px; display:block; clear:both;}
#sidebar a {}
#sidebar a:hover {}
#sidebar h4 {font-size:18px; font-size:1.8rem; margin:0 0 4px 0; display:block;}

#sidebar p {margin:0 0 12px 0; clear:both;}
#sidebar ul {padding:0; margin:0; clear:both;}
#sidebar ul li {padding:0; margin:0;}

#sidebar label {display:block;}
#sidebar select {margin:0 0 1em 0; width:99%; border:1px solid #cbd2d9; border-color:var(--oz-color-border);}

#sidebar label.screen-reader-text {display:none;}
#sidebar .search-submit {display:none;}
*/

/******************/
/******************/
/* article ********/

.article {margin:0; padding:0; vertical-align:top;
/*word-break:break-all;
word-wrap:break-word;*/
word-wrap:break-word;
overflow-wrap:break-word;
}

.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {margin:0 auto 1em auto; line-height:1.4; position:relative;}

.article h1 {font-size:38px; font-size:3.8rem;}
.article h2 {font-size:34px; font-size:3.4rem;}
.article h3 {font-size:32px; font-size:3.2rem;}
.article h4 {font-size:30px; font-size:3.0rem;}
.article h5 {font-size:18px; font-size:1.8rem;}
.article h6 {font-size:16px; font-size:1.6rem;}

.article h1 i,
.article h2 i,
.article h3 i,
.article h4 i,
.article h5 i,
.article h6 i {display:block;}

.article h1,
.article h2 {padding:0 0 12px 0;}
.article h1:before,
.article h2:before {content:""; display:block; position:absolute; left:0; bottom:-1px; width:160px; height:3px; background-color:#5f1985; background-color:var(--oz-color-purple);}

.article h3 i {font-size:30px; font-size:3.0rem;}

.article p {margin:0 0 2.0em 0;}

.article ul,
.article ol {margin:0 0 2em 0; padding:0; list-style:outside;}

.article ul ul, .article ul ol, .article ol ul, .article ol ol {margin-bottom:0;}

.article ul {list-style:none;}
.article ul ul {list-style:circle;}
.article ol {list-style:none;}
.article ol ol {list-style:upper-roman;}

.article dl {margin:0 0 2em 0; padding:0;}
.article dl dt {margin:0; position:relative; font-size:1.1em; font-weight:bold;}
.article dl dd {margin:0 0 1em 0; padding:0;}

.article img {max-width:100%; height:auto;}

.article blockquote {
padding:1em;
margin:0 0 2em 1em;
border-left:2px solid #000000;
}

.article blockquote > *:last-child,
.article blockquote > *:last-child > *:last-child,
.article blockquote > *:last-child > *:last-child > *:last-child {margin:0;}

blockquote cite {font-size:0.8em;}
blockquote cite:before {content:"— "; margin:0 0 0 1em;}

pre, code {
font-family:"Deja-vu Sans Mono", Monaco, "Consolas", "Courier New", "Osaka-mono", "MS Gothic", monospace;
color:#ffffff;
background:#555;
background:var(--oz-color-dark);
border-radius:4px;
margin:0 0 20px 0;
padding:0.8em 1em;
white-space:pre-wrap;
word-break:break-all;
word-wrap:break-word;
}

code {display:inline-block; padding:0.1em 0.4em; margin:0 0.2em;}


/*
このコードを記述するとボックスの下に 余白ができてしまうので…
pre::-webkit-scrollbar {width:15px;}
pre::-webkit-scrollbar-thumb {background:#f0f2f4;}
*/

/******************/
/* post-type ******/

.type-page,
.type-post {text-align:left;}


.article h4 {margin:0;}
.article h4 span {display:inline-block; padding:8px 12px 6px; margin:0; background-color:#5f1985; background-color:var(--oz-color-purple); color:#fff; font-size:16px; font-size:1.6rem;}
.article h4 span i {display:inline-block; font-size:22px; font-size:2.2rem; text-transform:uppercase; margin:0 1em 0 0;}

.article table .maps {}
.article table ul {margin:0;}

.page-content .inner {padding:0 80px;}

@media screen and (max-width:720px) {
	.page-content .inner {padding:0 20px;}
}


.page-title {margin:0 0 60px 0; padding:60px 0; background-color:#e6e6e6; background-color:var(--oz-color-light); text-align:left; position:relative; overflow:hidden;}
.page-title:before,
.page-title:after {content:""; display:block; position:absolute; z-index:0;}
.page-title:before {top:0; left:0; width:20%; padding-top:20%; background:linear-gradient(135deg, #ffffff 0%, #ffffff 50%, transparent 50%, transparent 100%);}
.page-title:after {bottom:0; right:0; width:54%; padding-top:54%; background: linear-gradient(135deg, transparent 0%, transparent 50%, #d2d2d2 50%, #d2d2d2 100%);}
.page-title .inner {position:relative;}
.page-title h3 {font-size:36px; font-size:3.6rem; margin:0; text-align:left; line-height:1.4; position:relative; padding:0 60px; z-index:2;}
.page-title h3 i {color:#5f1985; color:var(--oz-color-purple); text-transform:uppercase; display:block; font-size:30px; font-size:3.0rem;}


@media screen and (max-width:720px) {
	.page-title h3 {padding:0 20px}
}
@media screen and (max-width:600px) {
	.page-title h3 {padding:0; font-size:30px; font-size:3.0rem;}
	.page-title h3 i {font-size:24px; font-size:2.4rem;}
}
@media screen and (max-width:500px) {
	.page-title h3 {font-size:24px; font-size:2.4rem;}
	.page-title h3 i {font-size:20px; font-size:2.0rem;}
}

.page-content h4 {font-weight:bold; margin:0 0 12px 0;}
.page-content h4,
.post-content h4 {padding:0 0 20px 0; margin:80px 0 36px 0;}
.page-content h4:after,
.post-content h4:after {content:""; position:absolute; left:0; bottom:0; width:60px; height:1px; background-color:#5f1985; background-color:var(--oz-color-purple);}

.page-content h5,
.post-content h5 {font-weight:bold; font-size:24px; font-size:2.4rem; background-color:#f0f2f4; background-color:var(--oz-color-light); padding:12px 20px; margin-top:40px; border-radius:6px;}

.page-content h6,
.post-content h6 {font-weight:bold; font-size:20px; font-size:2.0rem;}

.page-content p a,
.post-content p a {color:#5f1985; color:var(--oz-color-purple); color:#3c1846; color:var(--oz-color-dark); text-decoration:underline;}
.page-content p a:hover,
.post-content p a:hover {color:#5f1985; color:var(--oz-color-purple);}

.page-content ul,
.post-content ul {padding:0 0 0 1em;}
.page-content ul li,
.post-content ul li {padding:0 0 0 1em; text-indent:-1em;}
.page-content ul li:before,
.post-content ul li:before {content:"・"; margin:0 0.4em 0 0;}
.page-content ol,
.post-content ol {list-style:decimal; padding:0 0 0 2em;}

.page-content h2 a,
.post-content ul li a,
.page-content ul li a,
.post-content ul li a,
.page-content ol li a,
.post-content ol li a {color:#3c1846; color:var(--oz-color-dark); text-decoration:underline;}
.page-content h2 a:hover,
.page-content ul li a:hover,
.post-content ul li a:hover,
.page-content ol li a:hover,
.post-content ol li a:hover {color:#5f1985; color:var(--oz-color-purple);}




.type-post h1,
.type-post h2,
.type-post h3,
.type-post h4,
.type-post h5,
.type-post h6 {text-align:left; line-height:1.4;}

.post-meta {line-height:1.4; margin:0 0 12px 0; margin-left:60px;}
.post-date {font-size:16px; font-size:1.6rem; background-color:#f0f2f4; background-color:var(--oz-color-light); background-color:#fff; color:#5f1985; color:var(--oz-color-purple); text-align:center;
white-space:nowrap; padding:4px 16px;}
.post-title {display:block;}
.page-title h3 {}

@media screen and (max-width:720px) {
	.post-meta {margin-left:20px;}
	.page-title h3 {font-size:32px; font-size:3.2rem;}
}
@media screen and (max-width:600px) {
	.post-meta {margin-left:0;}
}


.section {padding:100px 0 80px;}
.section h3 {text-align:center;}
.section h3 i {color:#6600cc; color:var(--oz-color-lightpurple);}

/******************/
/******************/
/* front-page.php */

.top-message {padding:0; text-align:center;}
.top-message h3 {font-weight:bold; margin:0 auto 12px;}
.top-message h3 i {color:#212121;}
.top-message h3 a {color:#3366ff; text-decoration:underline;}
.top-message ol {text-align:center; display:inline-block; margin:0 auto; width:auto; font-weight:bold; font-size:26px; font-size:2.6rem;}
.top-message ol li {text-align:left;}
.top-message ol li b {color:red;}



#top-message-jp {padding:12px 0;}
#top-message-en {padding:20px 0;}

@media screen and (max-width:800px) {
	#top-message-jp {border-top:1px solid; border-color: #cbd2d9; border-color:var(--oz-color-border);}
	.top-message ol {font-size:20px; font-size:2.0rem;}
}
@media screen and (max-width:600px) {
	.top-message h3 {font-size:24px; font-size:2.0rem;}
}

#top-slider {position:relative; width:100%; max-height:100%; height:calc(100vh - 380px); min-height:500px; overflow:hidden; z-index:1;}
.top-slider-title {position:relative; z-index:6; max-width:1600px; width:100%; height:100%; padding:0 20px; margin:0 auto;}
.top-slider-title p {color:#fff; position:absolute; top:50%; right:20px; font-size:12vw; text-align:right; text-transform:uppercase; transform:translateY(-50%); line-height:0.8;}
.top-slider-title p span {visibility:hidden; color:transparent; width:0.22em; display:inline-block;}
#top-slider #particles-js {position:absolute; top:0; left:0; right:0; bottom:0; z-index:7;}

@media screen and (max-width:900px) {
	.top-slider-title p {font-size:15vw;}
}
@media screen and (max-width:700px) {
	.top-slider-title p {font-size:16vw;}
}
@media screen and (max-width:560px) {
	.top-slider-title p {font-size:18vw; right:16px;}
}
@media screen and (max-width:520px) {
	.top-slider-title p {font-size:19vw; line-height:1.0; right:12px;}
}

#top-admission {background-color:#f0f2f4; background-color:var(--oz-color-light);}
#top-admission ul {list-style:none; padding:0 0 0; margin:0; text-align:center;
display:-webkit-flex;
display:flex;
flex-wrap:wrap;
flex-direction:row;
align-items:stretch;
align-content:stretch;
-webkit-justify-content:space-between;
justify-content:space-between;
}
#top-admission ul li {position:relative; display:block; margin:0; padding:32px 0 24px; background-color:#fff; border:4px solid; border-color:#5f1985; border-color:var(--oz-color-purple);
flex:0 1 auto;
flex-grow:0;
flex-shrink:1;
flex-basis:22.5%;
max-width:22.5%;
}
#top-admission ul li span {display:block;}
#top-admission ul li .title {line-height:1.4; margin:0 0 16px 0;}
#top-admission ul li .title i {display:block; color:#6600cc; color:var(--oz-color-lightpurple);}
#top-admission ul li .btn {padding:0 20px;}

@media screen and (max-width:800px) {
	#top-admission ul li {flex-basis:48%; max-width:48%; margin:0 0 24px 0;}
}
@media screen and (max-width:520px) {
	#top-admission ul {display:block;}
	#top-admission ul li {flex-basis:100%; max-width:100%;}
}

#top-news {}
#top-news .flex {
-webkit-justify-content:space-between;
justify-content:space-between;
}
#top-news .flex-cell {padding:0;
flex-basis:45%;
max-width:45%;
}
#top-news .box {border:4px solid; border-color:#5f1985; border-color:var(--oz-color-purple); padding:32px 20px 0.1em; position:relative;}
#top-news h4 {margin:0;}
#top-news p {position:absolute; right:20px; bottom:-20px; margin:0; z-index:2;}
#top-news p.btn a {background-color:#fff;}
#top-news p.btn a:hover {background-color:#5f1985; background-color:var(--oz-color-purple);}

@media screen and (max-width:1000px) {
	#top-news .flex {display:block;}
	#top-news .flex-cell {display:block; flex-basis:100%; max-width:100%; margin:0 0 60px 0;}
}

#top-research {position:relative; color:#fff; overflow:hidden; z-index:1;}
#top-research:after {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background-color:rgba(0,0,0,0.5); z-index:2;}
#top-research .inner{position:relative; z-index:3;}
#top-research h3 i {color:#fff;}
#top-research ul {text-align:center; line-height:1.4;}
#top-research ul li {
position:relative; display:block; margin:0; padding:0;
flex:0 1 auto;
flex-grow:0;
flex-shrink:1;
flex-basis:22.5%;
max-width:22.5%;
}
#top-research ul li span {display:block;}
#top-research ul li .thumbnail img {max-width:200px; width:100%; height:auto;}
#top-research ul li .title {margin:0 0 20px 0;}
#top-research ul li .title i {display:block;}
/*
#top-research .backstretch {position:fixed !important; top:0; left:0; right:0; bottom:0; width:100%; height:100% !important;}
*/
@media screen and (max-width:1200px) {
	#top-research ul li .thumbnail img {max-width:180px;}
}
@media screen and (max-width:1100px) {
	#top-research ul li .thumbnail img {max-width:160px;}
}
@media screen and (max-width:1000px) {
	#top-research ul {position:relative;}
	#top-research ul:before,
	#top-research ul:after {content:""; display:block; position:absolute; width:1px; height:48%; left:50%; background-color:rgba(255,255,255,0.5);}
	#top-research ul:before {top:0;}
	#top-research ul:after {bottom:0;}
	#top-research ul li {flex-basis:46%; max-width:46%; margin:0 0 0; padding:20px 0;}
	#top-research ul li:nth-child(1),
	#top-research ul li:nth-child(2) {border-bottom:1px solid rgba(255,255,255,0.5);}
}
@media screen and (max-width:660px) {
	#top-research ul:before,
	#top-research ul:after {display:none;}
	#top-research ul {display:block; margin:0;}
	#top-research ul li {display:block; flex-basis:100%; max-width:100%; padding:32px 0;}
	#top-research ul li:nth-child(1),
	#top-research ul li:nth-child(2),
	#top-research ul li:nth-child(3) {border-bottom:1px solid rgba(255,255,255,0.5);}
}

/******************
/******************/
/* page.php *******/

#post-basic-info {}
#post-basic-info h4 {padding:0; margin:0;}
#post-basic-info h4:after {display:none;}
#post-basic-info .box {border:4px solid; border-color:#5f1985; border-color:var(--oz-color-purple); padding:40px;}

@media screen and (max-width:1000px) {
	#post-basic-info .flex {display:block;}
	#post-basic-info .flex-cell {max-width:100%; width:100%;}
}



#post-edu-m table {font-size:14px; font-size:1.4rem;}
#post-edu-m table th,
#post-edu-m table td {text-align:center;}
#post-edu-m table tfoot td {text-align:right;}

#post-edu-d table {font-size:14px; font-size:1.4rem;}
#post-edu-d table th,
#post-edu-d table td {text-align:center;}
#post-edu-d table tfoot td {text-align:right;}

.access-list dl {padding:0 0 0 1em;}
.access-list dl dt {margin:1em 0 12px 0; min-height:32px;}
.access-list dl dt img {display:none;}
.access-list dl dt:before {
content:"\e530";
font-family:'Material Icons';
font-size:24px;
white-space:nowrap;
}
.access-list dl dt.train:before {content:"\e570";}
.access-list dl dd {padding:0 0 0 1em; margin:0 0 4px 0;}
.access-list dl dd:before {content:"・";}
.access-list dl dd a {color:#5f1985; color:var(--oz-color-purple);}
.access-list dl dd a:hover {text-decoration:underline;}

@media screen and (max-width:1000px) {
	#post-access img.right {float:none; text-align:center; margin:0 auto 12px;}
}



.maps {width:100%; height:360px; overflow:hidden; position:relative; padding-top:0; margin:20px 0 0 0;}
.googlemaps {width:100%; height:100%; position:absolute; top:0;}
.maps iframe {position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%;}
/*
.googlemaps:before {}
.googlemaps:after {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; z-index:100;}
.googlemaps.release:before,
.googlemaps.release:after {display:none;}
*/
/******************/
/******************/
/* single.php *****/

/**
 * Minified by jsDelivr using clean-css v4.2.1.
 */
.slick-loading .slick-list{background:#fff center center no-repeat}
.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:0;background:0 0}
.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0 0}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:'←'}[dir=rtl] .slick-prev:before{content:'→'}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-next:before{content:'→'}[dir=rtl] .slick-next:before{content:'←'}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-family:slick;font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000}


.slider {}
.slider ul {list-style:none; padding:0 20px; margin:0 0 60px 0; position:relative;}
.slider ul li {float:left; padding:0; margin:0; text-indent:0; width:100%;}
.slider ul li:before {display:none;}
.slider ul li img {max-width:100%; width:100%; height:auto;}

.slider ul.slick-dots {text-align:center; margin:0 auto 60px;}
.slider ul.slick-dots li {float:none; width:24px; height:24px; margin:0 4px; border-radius:50%; display:inline-block; overflow:hidden;background-color:#f0f2f4; background-color:var(--oz-color-light);}
.slider ul.slick-dots li button:before {display:none;}
.slider ul.slick-dots li:hover,
.slider ul.slick-dots li.slick-active {background-color:#5f1985; background-color:var(--oz-color-purple);}

/******************/
/******************/
/* archive.php ****/

#post-archives ul {margin:0 0 80px 0;}

.archives {width:100%; margin:0 auto; text-align:left;}
.archives ul {list-style:none; padding:0; line-height:1.4;}
.archives ul li {display:block; margin:0 0 12px 0; padding:6px 0; border-bottom:1px solid; border-color:#cbd2d9; border-color:var(--oz-color-border);}
.archives ul li a {display:block;}

.archives ul li span {display:block; overflow:hidden;}
.archives .a-meta {font-size:14px; font-size:1.4rem; background-color:#f0f2f4; background-color:var(--oz-color-light); color:#5f1985; color:var(--oz-color-purple); text-align:center;
white-space: nowrap; width:8em;
float:left; margin-right:0.6em; padding:2px 4px;}

.archives .a-category {}
.archives .a-title {}
.archives .a-summary {display:none;}
.archives .a-more {}

@media screen and (max-width:560px) {
	.archives .a-meta {float:none; display:inline-block; margin:0 0 6px 0;}
}


.archives-selector {min-width:240px; display:table; table-layout:fixed; width:100%; max-width:300px; border-spacing:6px 0; margin:0 auto 60px;}
.archives-selector .cell {display:table-cell; position:relative;}
.archives-selector select {
-webkit-appearance:menulist-button; width:100%;
position:absolute; cursor:pointer;
opacity:0; height:48px; left:0px; top:0px;
}
.archives-selector .button {overflow:hidden; display: block; border:1px solid #5f1985; border-color:var(--oz-color-purple); border-radius:2px; width:100%; padding:12px 12px; text-align:center; letter-spacing:0.1em; white-space:nowrap;
cursor:pointer; background:#fff; font-size:12px; font-size:1.2rem; text-transform:uppercase; color:#5f1985; color:var(--oz-color-purple);
}
.archives-selector select:hover + .button {background:#5f1985; background:var(--oz-color-purple); color:#fff;}


.archives-box {margin:0 auto 40px; display:none;}
/******************/
/******************/
/* CustomContents */


.professor-selector ol {text-align:center; margin:0 auto 80px; display:table; table-layout:fixed; width:100%; font-size:12px; font-size:1.2rem;
list-style:none;
display:-webkit-flex;
display:flex;
flex-wrap:wrap;
flex-direction:row;
align-items:stretch;
align-content:stretch;
-webkit-justify-content:space-around;
justify-content:space-around;
}
.professor-selector ol li {padding:0;
flex:0 1 auto;
flex-grow:1;
flex-shrink:1;
flex-basis:16.6666%;
max-width:16.6666%;
margin:0; border-left:1px solid #cbd2d9; border-color:var(--oz-color-border); color:#5f1985; color:var(--oz-color-purple); padding:0; cursor:pointer; position:relative;}
.professor-selector ol li i {display:block; color:#5f1985; color:var(--oz-color-purple);}
.professor-selector ol li a {display:block; padding:8px 0; position:relative;}
.professor-selector ol li a:hover {background:#5f1985; background:var(--oz-color-purple); color:#fff;}
.professor-selector ol li a:hover:after {content:""; position:absolute; display:block; width:20px; height:20px; transform:translateX(-50%) rotate(45deg); bottom:-8px; left:50%; background-color:#5f1985; background-color:var(--oz-color-purple);}
.professor-selector ol li a:hover i {color:#fff;}

.archives-professor .box {padding:40px; margin:0 0 80px 0; clear:both; border:4px solid; border-color:#5f1985; border-color:var(--oz-color-purple);}
.archives-professor ul {list-style:none; padding:0 0 0; margin:0; clear:both;}
.archives-professor ul > li {margin:0 0 32px 0; padding:0 0 32px 0;}
.archives-professor ul > li:not(:last-child) {border-bottom:1px solid; border-color:#cbd2d9; border-color:var(--oz-color-border);}
.archives-professor ul li:after {content:""; clear:both; display:block;}
.archives-professor ul li .archives-professor-left {float:left; max-width:240px; width:24%; text-align:center;}
.archives-professor ul li .archives-professor-right {float:right; min-width:calc(100% - 300px); width:70%;}
.archives-professor ul li span {display:block;}
.archives-professor ul li .thumbnail {width:80%; max-width:200px; margin:0 auto 12px; border:2px solid; border-color:#cbd2d9; border-color:var(--oz-color-border); border-radius:50%; overflow:hidden; line-height:0;}
.archives-professor ul li .thumbnail img {line-height:1; display:block;}
.archives-professor ul li .name {line-height:1.4; margin:0 auto 12px;}
.archives-professor ul li .name i {display:block; color:#5f1985; color:var(--oz-color-purple);}
.archives-professor ul li .poste {background-color:#f0f2f4; background-color:var(--oz-color-light); font-size:12px; font-size:1.2rem; margin:0 0 12px 0;}
.archives-professor ul li .link ol {text-align:center;}
.archives-professor ul li .link ol li {width:40px; height:40px; line-height:1; overflow:hidden; margin:0 12px; display:inline-block; border-radius:50%;}
.archives-professor ul li .link ol li a {background-color:#f0f2f4; background-color:var(--oz-color-purple); color:#fff; padding:50px 0 0 0; display:block; position:relative;}
.archives-professor ul li .link ol li a:before {
position:absolute;
left:4px;
top:4px;
content: "\e250";
font-family: 'Material Icons';
font-size: 32px;
line-height: 1;
white-space: nowrap;
}
.archives-professor ul li .link ol li.link-profile a:before {content: "\e250";}
.archives-professor ul li .link ol li.link-labo a:before {content: "\e894"; content:"\e88f";}
.archives-professor ul li .research-labo {font-size:14px; font-size:1.4rem; background-color:#f0f2f4; background-color:var(--oz-color-light); display:inline-block; padding:2px 12px;}
.archives-professor ul li .research-title {font-size:20px; font-size:2.0rem; margin:0 0 12px 0;}
.archives-professor ul li .research-description {font-size:14px; font-size:1.4rem; margin:0 0 12px 0;}
.archives-professor ul li .research-image {float:right; max-width:160px; width:20%; margin:0 0 0 16px;}
.archives-professor ul li .research-more {cursor:pointer;}
.archives-professor ul li .research-more i {background-color:#5f1985; background-color:var(--oz-color-purple); border:2px solid; border-color:#5f1985; border-color:var(--oz-color-purple); color:#fff; padding:2px 12px;}
.archives-professor ul li .research-more i:hover {background-color:#fff; color:#5f1985; color:var(--oz-color-purple);}


@media screen and (max-width:800px) {
	.archives-professor .box {padding:20px;}
	.archives-professor ul li .archives-professor-left {max-width:240px; width:36%;}
	.archives-professor ul li .archives-professor-right {min-width:calc(100% - 300px); width:58%;}
	.archives-professor ul li .research-image {max-width:240px; width:30%;}
}
@media screen and (max-width:600px) {
	.archives-professor ul li {margin:0 0 40px 0; padding:0 0 40px 0;}
	.archives-professor ul li .archives-professor-left,
	.archives-professor ul li .archives-professor-right {max-width:100%; width:100%; float:none; text-align:center;}
	.archives-professor ul li .poste {display:inline-block; padding:4px 20px;}
	.archives-professor ul li .link ol {margin:0 auto 32px;}
	.archives-professor ul li .research-labo {text-align:center; margin:0 auto;}
	.archives-professor ul li .research-title {text-align:center;}
	.archives-professor ul li .research-description {text-align:left;}
	.archives-professor ul li .research-more {margin:0 auto; text-align:center;}
}


.archives-alumni ul {
display:-webkit-flex;
display:flex;
flex-wrap:wrap;
flex-direction:row;
align-items:stretch;
align-content:stretch;
-webkit-justify-content:space-around;
justify-content:space-around;
}
.archives-alumni ul li {
padding:0;
flex:0 1 auto;
flex-grow:1;
flex-shrink:1;
flex-basis:30%;
max-width:30%;
margin:0 0 40px 0; border:2px solid #5f1985; border-color:var(--oz-color-purple); padding:20px; cursor:pointer; position:relative;
}
.archives-alumni ul li span {display:block;}
.archives-alumni ul li .thumbnail {text-align:center; margin:0 auto 12px; max-width:200px; border-radius:50%; line-height:0; overflow:hidden; border:2px solid; border-color:#cbd2d9; border-color:var(--oz-color-border);}
.archives-alumni ul li .thumbnail img {line-height:0; max-width:100%; width:100%; height:auto;}
.archives-alumni ul li .name {text-align:center; line-height:1.4; margin:0 auto 16px;}
.archives-alumni ul li .name i {display:block; color:#5f1985; color:var(--oz-color-purple);}
.archives-alumni ul li .poste {text-align:center; font-size:14px; font-size:1.4rem; padding:4px 12px; margin:0 auto 12px; background-color:#f0f2f4; background-color:var(--oz-color-light); }
.archives-alumni ul li .poste {}
.archives-alumni ul li .message {font-size:14px; font-size:1.4rem;}

@media screen and (max-width:1000px) {
	.archives-alumni ul li {flex-basis:46%; max-width:46%;}
}

@media screen and (max-width:600px) {
	.archives-alumni ul {display:block;}
	.archives-alumni ul li {flex-basis:100%; max-width:100%;}
}

/******************/
/******************/
/* comments.php ***/

/*
#respond,
#comments,
#trackback,
#comment-form {clear:both; display:block; margin:0 0 40px 0; text-align:left;}

#trackback {display:none;}

#comments {border-top:2px solid #cbd2d9; border-color:var(--oz-color-border); padding:20px 0 0 0;}

#comments ol {margin:0 0 20px 0; padding:0; list-style:none;}
#comments ol li {display:block; clear:both; padding:0 0 20px 0; margin:0 0 20px 0;}
#comments ol li:not(:last-child) {border-bottom:1px solid #cbd2d9; border-color:var(--oz-color-border);}

#comments ol li span {display:block;}
#comments ol li .comment-title {margin:0 0 4px 0; font-size:18px; font-size:1.8rem;}
#comments ol li .comment-text p {font-size:14px; font-size:1.4rem; margin:0;}

#comment-form {border-top:2px solid #cbd2d9; border-color:var(--oz-color-border); padding:20px 0 0 0;}

*/


.form {clear:both; display:block; background:#fff; padding:40px 40px 0.1em; margin:0 auto 40px;}
.form table {line-height:1.4; border-top:1px solid #f0f2f4; border-color:var(--oz-color-light);}
.form table th,
.form table td {border-bottom:1px solid #f0f2f4; border-color:var(--oz-color-light); padding:16px 4px 0.1em; vertical-align:middle;}
.form table th {text-align:center; color:#5f1985; color:var(--oz-color-purple); font-size:12px; font-size:1.2rem; padding:16px 4px;}
.form table td {}
.form table th i {display:block; font-size:20px; font-size:2.0rem;}

/******************/
/******************/
/* materials ******/

.adr span {margin:0 0.4em 0 0; display:inline-block;}


.subpage-list {clear:both;}
.subpage-list ul {line-height:1.4; list-style:none;}
.subpage-list ul + li {display:block; margin:0 0 12px 0; padding:0; text-indent:0; border-bottom:1px solid; border-color:#f0f2f4; border-color:var(--oz-color-light);}
.subpage-list ul > li i {display:block;}
.subpage-list ul > li a {padding:4px 12px; display:inline-block;}
.subpage-list ul > li ul.sub-menu {padding:0 0 0 2em; margin:12px 0 12px 0; list-style:none;}
.subpage-list ul > li ul.sub-menu li {}
.page-content .subpage-list ul li,
.post-content .subpage-list ul li {padding:0; text-indent:0;}


.navimenu-list {clear:both;}
.navimenu-list ul {line-height:1.4; padding:0 0 0 20px;}
.navimenu-list ul li {min-height:16px; display:block; margin:0 0 16px 0; padding:0 0 0 1.4em;}
.navimenu-list ul li:before {content:""; position:relative; vertical-align:bottom; top:4px; width:16px; height:16px; display:block; margin:0 20px 0 0; background:url("images/arrow-r-purple.svg") left center no-repeat; background-size:16px 16px; float:left;}



/******************/
/* button *********/
/* .article button */

.more a {display:inline-block; min-width:inherit; padding:0 24px 8px;text-align:center; background:transparent;
border-bottom:2px solid #555; border-color:var(--oz-color-dark); color:#555; color:var(--oz-color-dark); position:relative; line-height:1.4;}
.more a i {display:block; font-size:1.2em;}
.more a:after {content:""; width:0; height:0; border-style:solid; border-width:8px 0 0 16px;
border-color:transparent transparent transparent #555;
border-color:transparent transparent transparent var(--oz-color-dark);
position:absolute; right:-6px; bottom:-2px;}
.more a:hover {cursor:pointer; color:#5f1985; color:var(--oz-color-purple); border-bottom:2px solid #5f1985; border-color:var(--oz-color-purple);}
.more a:hover:after {border-color:transparent transparent transparent var(--oz-color-purple);}

.btn {line-height:1.4;}
[type="submit"],
.btn a {display:inline-block; padding:6px 16px 6px 24px; white-space:nowrap; text-decoration:none;
text-align:center;
background:transparent;
border:2px solid #5f1985; border-color:var(--oz-color-purple); color:#5f1985; color:var(--oz-color-purple); position:relative;
}

.page-content .btn a,
.post-content .btn a {text-decoration:none;}

.btn i {padding:0 24px 0 0; display:block;
background:no-repeat;
background-image:url("images/arrow-r-purple.svg");
background-position:right center;
background-size:14px 14px;
text-transform:uppercase; font-size:14px; font-size:1.4rem;}

[type="submit"]:hover,
.btn a:hover,
.page-content .btn a:hover,
.post-content .btn a:hover {background-color:#5f1985; background-color:var(--oz-color-purple); color:#ffffff; cursor:pointer;}

.btn a:hover i {background-image:url("images/arrow-r-white.svg");}


.btn-purple a {background-color:#5f1985; background-color:var(--oz-color-purple); color:#fff;}
.btn-purple a i {background-image:url("images/arrow-r-white.svg");}
.btn-purple a:hover {background-color:#fff; color:#5f1985; color:var(--oz-color-purple);}
.btn-purple a:hover i {background-image:url("images/arrow-r-purple.svg");}
.btn-white a {background-color:#fff; color:#5f1985; color:var(--oz-color-purple); border-color:#fff;}
.btn-white a i {background-image:url("images/arrow-r-purple.svg");}



.btn.btn-small a {padding:4px 12px; min-width:30px; font-size:0.8em;}
.btn.btn-large a {padding:8px 36px; min-width:180px; font-size:1.2em;}

.btn.btn-success a {border-color:#5f1985; border-color:var(--oz-color-purple); color:blue;}
.btn.btn-success a:hover {background-color:#5f1985; background-color:var(--oz-color-purple); color:#fff;}

.btn.btn-error a {border-color:red; color:red;}
.btn.btn-error a:hover {background-color:red; color:#fff;}

.btn.btn-warning a {border-color:yellow; color:yellow;}
.btn.btn-warning a:hover {background-color:yellow; color:#fff;}


/******************/
/******************/

.alert {
clear:both; display:block;color: inherit;
border:1px solid transparent;
display:block;
padding:1rem;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-ms-border-radius:4px;
-o-border-radius:4px;
border-radius:4px;
color:red;
border-color:red;
background-color:transparent;
margin:0 0 1em 0;
}

.alert-success {border-color:blue; color:blue;}
.alert-error {border-color:red; color:red;}
.alert-warning {border-color:yellow; color:yellow;}

.alert > p {margin:0;}
.alert em, .alert strong {font-weight:bold;}

span.close {float:right; color:inherit; cursor:pointer;}

/******************/
/* Column System **/

.col {width:100%;}
.col:after {content:""; clear:both; display:block; height:0; visibility:hidden;}

.col-2,
.col-3,
.col-4,
.col-5,
.col-6 {float:left; padding:0; margin:0 0 2% 0;}

.col-2 {width:49%; /*47.5% - 49%*/}
.col-3 {width:32%; /*30% - 32%*/}
.col-4 {width:23.5%; /*20% - 23.5%*/}
.col-5 {width:18.4%; /*15% - 18.4%*/}
.col-6 {width:15%; /*12.5% - 15%*/}

.col-2:nth-child(2n),
.col-3:nth-child(3n),
.col-4:nth-child(4n),
.col-5:nth-child(5n),
.col-6:nth-child(6n) {float:right; margin:0 0 2% 0;}

.col-2:nth-child(2n + 1),
.col-3:nth-child(3n + 1),
.col-4:nth-child(4n + 1),
.col-5:nth-child(5n + 1),
.col-6:nth-child(6n + 1) {clear:both;}

.col-3:nth-child(3n + 1),
.col-4:nth-child(4n + 1),
.col-5:nth-child(5n + 1),
.col-6:nth-child(6n + 1) {margin:0 2% 2% 0;}

.col-4:nth-child(4n + 2),
.col-5:nth-child(5n + 2),
.col-6:nth-child(6n + 2) {margin:0 2% 2% 0;}

.col-5:nth-child(5n + 3),
.col-6:nth-child(6n + 3) {margin:0 2% 2% 0;}

.col-6:nth-child(6n + 4) {margin:0 2% 2% 0;}

/******************/
/* Flexbox System & Table System */


.table {display:table; table-layout:fixed; border-collapse:collapse; width:100%; position:relative; margin:0; padding:0;}
.table-cell {display:table-cell; vertical-align:top; position:relative; margin:0; padding:0; empty-cells:show;}

.flex {margin:0; padding:0; list-style:none;
display:-webkit-flex;
display:flex;
flex-wrap:wrap;
flex-direction:row;
align-items:stretch;
align-content:stretch;
-webkit-justify-content:space-around;
justify-content:space-around;
}

.flex-cell {margin:0 0 4% 0; padding:0 2%;
flex:0 1 auto;
flex-grow:0;
flex-shrink:1;
flex-basis:32%;
max-width:32%;
}

.flex-cell-2 {flex-basis:48%; max-width:48%;}

/******************/
/* responsive-table */

.r-table,
.responsive-table {overflow:scroll; width:100%;}

/******************/
/******************/
/* breadcrumbs ****/

.breadcrumbs {clear:both; display:block; margin:0 0 60px 0; padding:4px 0; line-height:1.4; text-align:left; font-size:12px; font-size:1.2rem;}
.breadcrumbs p {}
.breadcrumbs ul {padding:0; margin:0 auto; list-style:none; white-space:nowrap;
overflow-x:scroll;
-webkit-overflow-scrolling:touch;
overflow-scrolling:touch;
}
.breadcrumbs ul li {display:inline-block;}
.breadcrumbs ul li:after {content:"\00BB"; margin:0 12px;}
.breadcrumbs ul li:first-child:before {}
.breadcrumbs ul li:last-child:after {content:"";}
.breadcrumbs ul li a {}
.breadcrumbs ul li a:hover {}

/******************/
/******************/
/* navigation *****/

.navigation {margin:0 auto 40px; clear:both;}
.navigation:after {content:""; clear:both; display:block; height:0; visibility:hidden;}
.navigation span {}
.navigation .navi-prev {text-align:left; float:left;}
.navigation .navi-next {text-align:right; float:right;}
.navigation .navi-prev a:before {content:"＜"; margin-right:4px;}
.navigation .navi-next a:after {content:"＞"; margin-left:4px;}

/******************/
/* pagination *****/

.pagination {margin:0 auto 40px; clear:both;}
.pagination:after {content:""; clear:both; display:block; height:0; visibility:hidden;}
.pagination ul {text-align:center;}
.pagination ul li {display:inline-block; margin:0 4px;}
.pagination span,
.pagination ul li a {padding:4px 12px; background:#5f1985; background:var(--oz-color-purple); color:#fff;}
.pagination ul li a:hover {background:#5f1985; background:var(--oz-color-purple);}
.pagination span.current {background:#5f1985; background:var(--oz-color-purple);}



/******************/
/* page-links *****/

.page-links {clear:both; text-align:center; margin:0 auto 80px; max-width:320px; width:100%; display:table; table-layout:fixed;}
.page-links span {display:table-cell; padding:8px 2px;}
.page-links .navi-prev {text-align:center;}
.page-links .navi-next {text-align:center;}
.page-links a {border:1px solid #5f1985; border-color:var(--oz-color-purple); background:#5f1985; background:var(--oz-color-purple); color:#fff; display:block;}
.page-links a:hover {background:transparent; color:#5f1985; color:var(--oz-color-purple);}

/******************/
/******************/
/* plugins ********/


body.is-modal{overflow:hidden;}
.modal {display:none;
position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(255,255,255,0.8);
overflow-y:scroll;
-webkit-overflow-scrolling:touch;
overflow-scrolling:touch;
z-index:99999;
}

.modal-close {cursor:pointer; position:absolute; top:12px; right:12px; width:40px; height:40px;
background:#fff center center no-repeat;
	-webkit-background-size:20px 20px;
	-moz-background-size:20px 20px;
	-ms-background-size:20px 20px;
	-o-background-size:20px 20px;
	background-size:20px 20px;
border:1px solid #f578b9;
background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PGRlZnM+PHN0eWxlPi5jbHN7ZmlsbDojZjU3OGI5O308L3N0eWxlPjwvZGVmcz48cG9seWdvbiBjbGFzcz0iY2xzIiBwb2ludHM9IjIwIDEuMjUgMTguNzUgMCAxMCA4Ljc1IDEuMjUgMCAwIDEuMjUgOC43NSAxMCAwIDE4Ljc1IDEuMjUgMjAgMTAgMTEuMjUgMTguNzUgMjAgMjAgMTguNzUgMTEuMjUgMTAgMjAgMS4yNSIvPjwvc3ZnPg==");
	-webkit-border-radius:50%;
	-moz-border-radius:50;
	-ms-border-radius:50;
	-o-border-radius:50;
	border-radius:50;
color:transparent;
}
.modal-close:hover {
background-color:#f578b9;
background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PGRlZnM+PHN0eWxlPi5jbHN7ZmlsbDojZmZmO308L3N0eWxlPjwvZGVmcz48cG9seWdvbiBjbGFzcz0iY2xzIiBwb2ludHM9IjIwIDEuMjUgMTguNzUgMCAxMCA4Ljc1IDEuMjUgMCAwIDEuMjUgOC43NSAxMCAwIDE4Ljc1IDEuMjUgMjAgMTAgMTEuMjUgMTguNzUgMjAgMjAgMTguNzUgMTEuMjUgMTAgMjAgMS4yNSIvPjwvc3ZnPg==");
}


.modal-window {
background:#fff;
width:100%; max-width:640px; margin:0 auto;
position:relative;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	-ms-border-radius:12px;
	-o-border-radius:12px;
	border-radius:12px;
padding:60px 40px 20px;
text-align:left;
z-index:999999;
cursor:default;
}

.wp-show-posts {}
.wp-show-posts h2 {font-size:24px; font-size:2.4rem;}
.wp-show-posts h2:before {display:none;}
.wp-show-posts-single {padding:20px 20px 20px; border:1px solid; border:1px solid #cbd2d9; border-color:var(--oz-color-border);}
.wp-show-posts-entry-summary {font-size:14px; font-size:1.4rem;}
/******************/
/* jquery-tabs ****/

#tabs {position:relative;}
#tabs ol {
display:table; table-layout:fixed; text-align:center;
padding:0 20px; margin:0 auto; width:100%;
position:relative; bottom:-1px;
z-index:3;
}
#tabs ol li {
display:table-cell;
padding:12px 0; cursor:pointer; background:#f0f2f4; background:var(--oz-color-light);
border:1px solid #cbd2d9; border-color:var(--oz-color-border);
white-space:nowrap;
overflow:hidden;
}

#tabs ol li:not(:last-child) {border-right:0;}

#tabs ol li:hover {background:#5f1985; background:var(--oz-color-purple); color:#fff;}

#tabs ol li:first-child {border-top-left-radius:4px;}
#tabs ol li:last-child {border-top-right-radius:4px;}

#tabs ol li.current {background:#fff; color:#5f1985; color:var(--oz-color-purple); border-bottom:1px solid #ffffff;}
#tabs ol li.current:hover {background:#fff; color:#5f1985; color:var(--oz-color-purple);}

#tab-content {
background:#fff; border:1px solid #cbd2d9; border-color:var(--oz-color-border);
text-align:left;
border-radius:4px;
padding:60px 40px 40px;
margin:0 0 40px;
position:relative;
z-index:2;
}

/******************/
/* ContactForm7 ***/



form {}
fieldset {}
label {}

::-webkit-input-placeholder,
::-moz-placeholder,
:-moz-placeholder,
:-ms-input-placeholder {color:#cbd2d9; color:var(--oz-color-border);}

[type="search"] {
/*-webkit-appearance:textfield;
-moz-appearance:textfield;
-ms-appearance:textfield;
-o-appearance:textfield;
appearance:textfield;*/
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="file"],
select,
textarea {
width:auto;
max-width:100%;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
display:block;
position:relative;
/*-webkit-appearance:none;
-moz-appearance:none;
-ms-appearance:none;
-o-appearance:none;
appearance:none;*/
padding:16px 8px; margin-bottom:16px; line-height:normal;
border:1px solid #f5f5f5;
background:#f5f5f5;
}


input[type="checkbox"],
input[type="radio"] {}
input[type="file"] {cursor:pointer; width:auto;}
input[name="your-address"] {width:100%;}
select {width:auto; padding:12px; border:1px solid #f0f2f4;}
textarea {width:100%;}

input[type="submit"] {
margin:0 auto; text-align:center;
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	-o-appearance:none;
	appearance:none;
display:block;
}


input[type="submit"][disabled],
input[type="submit"][disabled]:hover {color:#cbd2d9; color:var(--oz-color-border); background:transparent; border:1px solid #f0f2f4; cursor:not-allowed;}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
select:focus,
textarea:focus {
border:1px solid #5f1985; border-color:var(--oz-color-purple);
}

textarea {height:auto; min-height:100px;}
select {}



.wpcf7{}

.screen-reader-response {display:none;}

.wpcf7-response-output {
margin:0; padding:0;
border:0;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
text-align:center; display:block;
clear:both;
}

.wpcf7-mail-sent-ok {
border:1px solid #5f1985; border-color:var(--oz-color-purple);
color:blue;
padding:12px;
margin:0 0 20px 0;
}

.wpcf7-validation-errors {
border:1px solid red;
color:red;
padding:12px;
margin:0 0 20px 0;
}

.wpcf7 span {}
.wpcf7-form-control-wrap {margin:0; display:block;}
.wpcf7 span.wpcf7-list-item-label {margin:0 1em 0 0; display:inline-block;}
.wpcf7 span.use_label_element {margin-bottom:20px; display:block;}
.wpcf7 span.wpcf7-not-valid-tip {color:red; font-size:12px; font-size:1.2rem; margin-bottom:16px; display:block;}
.wpcf7 span.wpcf7-not-valid-tip-no-ajax {display:none;}

.wpcf7 .wpcf7-form-control {}
.wpcf7 .wpcf7-list-item {margin:0 0 16px 0;}

.wpcf7 input[type="radio"],
.wpcf7 input[type="checkbox"] {display:none;}
.wpcf7 label {cursor:pointer;}
.wpcf7-list-item {position:relative; display:inline-block;}
.wpcf7-list-item-label {min-height:20px; line-height:24px; vertical-align:middle; padding:0 0 0 32px; display:inline-block; position:relative;}
.wpcf7-list-item-label:before {width:20px; height:20px; content: ''; position: absolute; left:0; top:0; background:#fff; border:2px solid #f0f2f4; display:inline-block;}
.wpcf7-list-item-label:after{
width:10px; height:6px; left:6px; top:6px;
border:2px solid #5f1985; border-color:var(--oz-color-purple);
content:''; position:absolute;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	transform:rotate(-45deg);
border-top:none; border-right:none;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
opacity:0;
}
input[type="radio"]:checked + .wpcf7-list-item-label:after,
input[type="checkbox"]:checked + .wpcf7-list-item-label:after {opacity:1;}

.wpcf7 input.wpcf7-submit {margin:0 auto;}

img.ajax-loader {display:block; margin:12px auto 0;}

.wpcf7 .sent .form {display:none;}



/******************/
/* facebook *******/

/******************/
/* twitter ********/


/******************/
/******************/
/* Media Query ****/


@media screen and (max-width:1600px) {
}

@media screen and (max-width:1200px) {
}

@media screen and (max-width:960px) {
	.pc {display:none;}
	.tb {display:block;}
	.sp {display:none;}
	.pc.tb {display:block;}
	.tb.sp {display:block;}
	.pc.sp {display:none;}



	input[type="text"],
	input[type="password"],
	input[type="date"],
	input[type="datetime"],
	input[type="email"],
	input[type="number"],
	input[type="search"],
	input[type="tel"],
	input[type="time"],
	input[type="url"] {width:100%;}
	select {width:auto;}
	textarea {width:100%;}
}



/* ▲ iPhone 6+ 横（736px） ▼ */
@media screen and (max-width:740px) {

}

@media screen and (max-width:680px) {
	.pc {display:none;}
	.tb {display:none;}
	.sp {display:block;}
	.pc.tb {display:none;}
	.tb.sp {display:block;}
	.pc.sp {display:block;}

	.col-2,
	.col-3,
	.col-4,
	.col-5,
	.col-6 {float:none; clear:both; width:100%; margin:0 0 1.2em 0;}


	.inner {
		padding:0 8px;
		padding-left:calc( 8px + constant(safe-area-inset-left) );
		padding-right:calc( 8px + constant(safe-area-inset-right) );
	}


	.form {padding:20px 20px 0.1em;}
	.form table th,
	.form table td {display:block; text-align:left; padding:0;}
	.form table th {border:0; padding:32px 0 0 0; margin:0 0 12px 0;}
	.form table th i {display:inline-block; margin: 0 1em 0 0;}
	.form table td {padding:0 0 16px 0;}
}


/* ▲ Mac OS Safari - Minimum(504px) ▼ */
@media screen and (max-width:520px) {

}

/* ▲ iPhone 6+ - iPhone 6 ▼ */
@media screen and (max-width:380px) {

}


/******************/
/******************/
/* fonts **********/

/* arabic */
@font-face {
  font-family: 'Reem Kufi';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Reem Kufi Regular'), local('ReemKufi-Regular'), url(https://fonts.gstatic.com/s/reemkufi/v7/2sDcZGJLip7W2J7v7wQzbWW5Kb8VZBHR.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC;
}
/* latin */
@font-face {
  font-family: 'Reem Kufi';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Reem Kufi Regular'), local('ReemKufi-Regular'), url(https://fonts.gstatic.com/s/reemkufi/v7/2sDcZGJLip7W2J7v7wQzaGW5Kb8VZA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*
@font-face {
font-family:'Axis-ExtraLight';
src:url("fonts/AxisStd-ExtraLight.eot");
src:url("fonts/AxisStd-ExtraLight.eot?#iefix") format("eot"),
	url("fonts/AxisStd-ExtraLight.woff") format("woff"),
	url("fonts/AxisStd-ExtraLight.ttf") format("truetype"),
	url("fonts/AxisStd-ExtraLight.svg") format("svg");
}
*/

/* Material Icons */
@font-face {
font-family:'Material Icons';
font-style:normal;
font-weight:400;
src:url("https://fonts.gstatic.com/s/materialicons/v36/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2") format('woff2');
}

.material-icons {
font-family:'Material Icons';
font-weight:normal;
font-style:normal;
font-size:24px;
line-height:1;
letter-spacing:normal;
text-transform:none;
display:inline-block;
white-space:nowrap;
word-wrap:normal;
direction:ltr;
text-rendering:optimizeLegibility;
-webkit-font-smoothing:antialiased;
}

.font-gothic {font-family:'YuGothic', 'Yu Gothic', '游ゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'Helvetica', sans-serif;}
.font-mincho {font-family:'YuMincho', 'Yu Mincho', '游明朝', 'Hiragino Mincho ProN', 'ヒラギノ明朝 ProN W3', 'Meiryo', 'メイリオ', 'Times New Roman', serif;}
.font-mono {font-family:"Osaka-mono", "MS Gothic", monospace;}
.bold {font-weight:bold;}

i {font-family: 'Reem Kufi', sans-serif; /*text-transform:uppercase;*/}


/******************/
/******************/
/* Keyframes ******/


/* end ************/
/******************/
/******************/