@charset "UTF-8";

/*
Theme Name: WCC 2019
Theme URI: https://tsukuba-conference.com/wcc/
Author: ONZE
Author URI: http:/on-ze.com
Description: Design by <a href="http://on-ze.com">ONZE</a>.
Version: 0.9
Text Domain: wcc-2019
*/

/******************/
/******************/
/* 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;
}

html {font-size:62.5%;}

body {
background:#fff;
color:#333;
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-family: 'Fira Sans', sans-serif;
font-size:16px;
font-size:1.6rem;
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;
}


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 ****/

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:#0a3c6e; color:var(--oz-color-blue);}

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

b {color:#0a3c6e; color:var(--oz-color-blue);}
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 40px 0; border:0; border-top:1px solid #ccc; border-color:var(--oz-color-light); height:0;}

table {border-collapse:collapse; border-spacing:0; empty-cells:show; border:0; width:100%; margin:0 0 2em 0; border-top:1px solid #ccc; border-color:var(--oz-color-light);}
table th,
table td {padding:16px 4px; vertical-align:top; border-bottom:1px solid #ccc; border-color:var(--oz-color-light);}
table caption {text-align:left; padding:8px;}

::-moz-selection {background-color:#0a3c6e; background-color:var(--oz-color-blue); color:#fff;}
::selection {background-color:#0a3c6e; background-color:var(--oz-color-blue); 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 #ccc; 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:#0a3c6e; background-color:var(--oz-color-blue); color:#fff; cursor:text;}

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

:root {
--oz-color-black:#000;
--oz-color-dark:#0a3c6e;
--oz-color-gray:#858585;
--oz-color-light:#cccccc;
--oz-color-blue:#64529e;
/* 1470be */
--oz-color-purple:#64529e;
}


/******************/
/******************/
/* 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:1200px; width:100%;
padding:0 12px;
padding-left:calc( 12px + constant(safe-area-inset-left) );
padding-right:calc( 12px + constant(safe-area-inset-right) );
}
.inner[data-width="min"] {max-width:600px;}
.inner[data-width="mid"] {max-width:1200px;}
.inner[data-width="max"] {max-width:1600px;}

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

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

#header {width:100%; height:calc(100vh - 80px); min-height:400px; padding:0; display:block; position:relative;}
#header:after {content:""; position:absolute; bottom:0; left:0; right:0; width:100%; height:43.3333%;
background:url("images/top-bg-01.png") center top no-repeat; background-size:cover;
}

#header-logo {margin:0 0; position:absolute;
top:46%;
left:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
max-width:1080px; width:calc(100% - 20px);
margin-top:-60px;
}

#header-logo h1 {display:block; margin:0; white-space:nowrap; overflow:hidden; position:relative;}
#header-logo h1 img {width:100%; max-width:100%; height:auto; margin:0 auto;}
#header-logo h2 {display:none;}


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

#header-navi {line-height:1.6; margin:0; position:relative;background-color:rgba(0,0,0,0.8); height:80px; z-index:99;}

#header-navi ul {display:table; table-layout:fixed; width:100%; list-style:none; margin:0; padding:0; border-collapse:collapse; color:#fff; font-size:12px; font-size:1.2rem;}
#header-navi ul li {display:table-cell;}
#header-navi ul li i {display:block;}
#header-navi ul li a {display:block; padding:32px 6px;}
#header-navi ul li a:hover {color:var();}

#f-navi {line-height:1.6; position:relative; padding:40px 0 60px 0;}
#f-navi ul li i {display:block; font-size:14px; font-size:1.4rem;}

.navi-toggle {display:none; position:absolute; top:24px; left:50%; margin-left:-18px; background:transparent; cursor:pointer; z-index:8585859;}
.navi-toggle span {display:block; width:36px; height:36px; position:relative; color:transparent;}
.navi-toggle i {}
.navi-toggle span:before,
.navi-toggle span:after {position:absolute; content:"";
display:inline-block;
left:0;
width:100%;
height: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;
background-color:#fff;
border-radius:2px;
}
.navi-toggle span:before {top:12px;}
.navi-toggle span:after {bottom:12px;}
.navi-toggle.on span:before {
	/*-webkit-transform: rotate(-45deg) scale(1) translateY(5px);*/
	/*-ms-transform: rotate(-45deg) scale(1) translateY(5px);*/
	/*transform: rotate(-45deg) scale(1) translateY(5px);*/
}
.navi-toggle.on span:after {
	/*-webkit-transform: rotate(45deg) scale(1) translateY(-5px);*/
	/*-ms-transform: rotate(45deg) scale(1) translateY(-5px);*/
	/*transform: rotate(45deg) scale(1) translateY(-5px);*/
}
.navi-toggle i {
/*-webkit-transform:scale(0);
-ms-transform:scale(0);
transform:scale(0);*/
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);
}

.home .navi-toggle span:before,
.home .navi-toggle span:after {background:#fff;}

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


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

#footer {text-align:center; padding:80px 0 80px 0; line-height:1.6;}
#footer p {margin:0 auto 32px; color:#858585; color:var(--oz-color-gray);}
#footer ul {display:table; table-layout:fixed; margin:0 auto 40px; border-collapse:separate; border-spacing:12px 0; font-size:12px; font-size:1.2rem;}
#footer ul li {display:table-cell;}
#footer ul li span {display:block;}
#footer ul li a {display:block;}
#footer ul li img {max-width:260px; width:100%; height:auto;}


@media screen and (max-width:600px) {
	#footer ul {display:block;}
	#footer ul li {display:block; margin:0 auto 12px; max-width:320px;}
}

small#site-info {clear:both; font-size:10px; font-size:1.0rem; color:#858585; color:var(--oz-color-gray);}


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

#main {padding:0 0 0; line-height:2.0; overflow:hidden;}


#main a {
/*	-webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	-ms-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
-webkit-transition:all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition:all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
transition:all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
*/
}



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



/******************/
/******************/
/* 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.2;}

.article h1 {font-size:38px; font-size:3.8rem;}
.article h2 {font-size:34px; font-size:3.4rem;}
.article h3 {font-size:40px; font-size:4.0rem; margin:0 auto 3.2em;}
.article h4 {font-size:24px; font-size:2.4rem;}
.article h5 {font-size:24px; font-size:2.4rem;}
.article h6 {font-size:20px; font-size:2.0rem;}

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

.article h3 i {font-size:40px; font-size:4.0rem;}
.article h3 {font-size:16px; font-size:1.6rem;}

.article p {margin:0 0 1.6em 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;}
.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::-webkit-scrollbar {width:15px;}
pre::-webkit-scrollbar-thumb {background:#ccc;}
*/

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

.section {padding:120px 0 60px; clear:both; position:relative;}
.section h3 {color:#64529e; position:relative;}
.section h3 i {background-color:#fff; position:relative; display:inline-block; padding:0 20px; z-index:2;}
.section h3:before,
.section h3:after {content:""; display:block; position:absolute; top:50%; width:48%; height:1px; background-color:#64529e; background-color:var(--oz-color-purple); z-index:1;}
.section h3:before {left:0;}
.section h3:after {right:0;}

.section h4 {margin:0 auto 2em; text-align:center;}
.section h4 i {display:inline-block; background-color:#64529e; background-color:var(--oz-color-purple); color:#fff; padding:8px 16px 4px;}

.section h5 {color:#64529e; color:var(--oz-color-blue);}
.section h5 b {display:block; font-size:1.1em;}
.type-page,
.type-post {text-align:left;}


.page-title {line-height:1.2; text-align:center; margin:0 0 40px 0;}
.page-title h3 {font-size:17px; font-size:1.7rem;}
.page-title h3 i {display:block; font-size:31px; font-size:3.1rem;}
.page-thumbnail {max-height:100vh; height:30vh; overflow:hidden; margin:0 0 60px 0;}
.page-thumbnail img {width:100%;}



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


#top-about {}
#top-about .box {margin:0 0 80px 0;}
#top-welcome {text-align:left;}
#top-welcome h5 {font-weight:normal; font-size:20px; font-size:2.0rem;}
#top-welcome h5 b {font-weight:bold; font-size:1.2em; margin:0 0 6px 0; display:block;}
#top-welcome img {max-width:240px;}
#about-youtube {position:relative; width:calc(100% - 40px); height:0; padding-bottom: 56.25%; overflow:hidden; margin:0 auto;}
#about-youtube iframe {width:100%; height:100%; position:absolute; top:0; left:0;}

@media screen and (max-width:680px) {
	#top-welcome img {max-width:40%;}
}


#top-awards {background:url("images/top-awards-bg.jpg") center center no-repeat; background-size:cover; color:#fff;}
#top-awards:before {content:""; position:absolute; clear:both; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.6);}
#top-awards h3 i {background:none; color:#fff;}
#top-awards h3:before,
#top-awards h3:after {display:none;}

#top-awards h4 i {background-color:#fff; color:#64529e; color:var(--oz-color-purple); display:none;}
#top-awards h4 img {max-width:160px; height:auto; width:100%;}
/*
#top-awards ol {}
#top-awards ol {display:table; table-layout:fixed; margin:0 auto 40px; border-collapse:separate; border-spacing:4px 0;}
#top-awards ol li {display:table-cell;}
#top-awards ol li a {background-color:#fff; display:block; padding:4px 24px; color:#fff;}
*/
.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {position:relative; bottom:inherit;}
.swiper-container-horizontal>.swiper-pagination-bullets {display:table; table-layout:fixed; text-align:center; width:auto; margin:0 auto 60px; bottom:inherit; left:inherit;}
.swiper-pagination-bullet {width:auto; min-width:120px; height:auto; display:table-cell; padding:4px 24px; background-color:#fff; color:#64529e; color:var(--oz-color-purple); border-radius:0; opacity:0.35;}
.swiper-pagination-bullet:nth-child(1) {
	-webkit-clip-path:polygon(100% 0, 100% 100%, 15% 100%, 0 50%, 15% 0);
	clip-path:polygon(100% 0, 100% 100%, 15% 100%, 0 50%, 15% 0);
padding-left:40px;
}
.swiper-pagination-bullet:nth-child(2) {
	-webkit-clip-path:polygon(0 0, 85% 0, 100% 50%, 85% 100%, 0 100%);
	clip-path:polygon(0 0, 85% 0, 100% 50%, 85% 100%, 0 100%);
padding-right:40px;
}
.swiper-pagination-bullet:nth-child(1):before {content:"Science";}
.swiper-pagination-bullet:nth-child(2):before {content:"Arts";}
.swiper-pagination-bullet-active {background-color:#fff; opacity:1;}
.swiper-pagination-bullet:hover {opacity:1; background-color:#64529e; background-color:var(--oz-color-purple); color:#fff;}
.swiper-pagination-bullet-active:hover {background-color:#fff; color:#64529e; color:var(--oz-color-purple);}

.awards-content {text-align:left;}
.awards-content h4 {margin-top:60px;}
.awards-content img {float:left; margin:0 20px 20px 0;}
.awards-content p {font-family:'YuGothic', 'Yu Gothic', '游ゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'Helvetica', sans-serif;}
.awards-content p b {font-weight:bold; color:#fff;}

@media screen and (max-width:680px) {
	.awards-content img {float:none; margin:0 0 20px 0; width:100%; max-width:100%;}
}


#top-special ul {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;}
#top-special ul li {margin:0 0 4% 0; padding:0;
flex:0 1 auto;
flex-grow:0;
flex-shrink:1;
flex-basis:22%;
max-width:22%;
}
#top-special ul li dl {line-height:1.6;}
#top-special ul li dl dt {line-height:0; display:block; margin:0 auto 6px; padding:0 8%;}
#top-special ul li dl dt img {border-radius:50%; overflow:hidden; border:1px solid #ccc;}
#top-special ul li dl dd.name i {display:block; color:#64529e; color:var(--oz-color-purple);}
#top-special ul li dl dd.poste {font-size:12px; font-size:1.2rem;}
#top-special ul li dl dd.description {font-size:12px; font-size:1.2rem; font-weight:normal; color:#858585; color:var(--oz-color-gray);}


@media screen and (max-width:1100px) {
	#top-special ul li {flex-basis:32%; max-width:32%;}
}
@media screen and (max-width:760px) {
	#top-special h3 i,
	#top-program h3 i
	#top-contact h3 i {font-size:9vw;}
	#top-special ul li {flex-basis:48%; max-width:48%;}
}
@media screen and (max-width:460px) {
	#top-special ul li {flex-basis:100%; max-width:100%;}
}

#top-program h4 {margin:0 auto 1em;}
#top-program dl {display:block; margin:0 auto 3.2em; text-align:center;}
#top-program dl dt,
#top-program dl dd {display:block; position:relative; font-size:16px; font-size:1.6rem;}
#top-program dl dt {clear:both; margin:0 auto 0.2em; color:#64529e; color:var(--oz-color-purple); font-size:20px; font-size:2.0rem;}

#top-program dl dd {overflow:hidden;}
#top-program dl dd b {color:#0a3c6e; color:var(--oz-color-dark); display:block;}

#top-program .box {background-color:#f5f5f5; display:inline-block; padding:24px 40px 0.1em;}
#top-program .box h5 {margin:0 auto 12px;}
#top-program .box p b {display:block; font-size:18px; font-size:1.8rem;}

#top-program dl dd .youtube {position:relative; width:100%; height:0; padding-bottom: 56.25%; overflow:hidden; margin:0 auto;}
#top-program dl dd .youtube iframe {width:100%; height:100%; position:absolute; top:0; left:0;}


#top-youtube {padding-top:0; padding:0 20px;}
#top-youtube .flex {line-height:1.6;}
#top-youtube .flex-cell {flex-basis:24%; max-width:24%; padding:0;}
#top-youtube .flex-cell span {text-align:center; font-size:14px; font-size:1.4rem; display:block;}
#top-youtube .youtube {position:relative; width:100%; height:0; padding-bottom: 56.25%; overflow:hidden; margin:0 auto;}
#top-youtube .youtube iframe {width:100%; height:100%; position:absolute; top:0; left:0;}


@media screen and (max-width:800px) {
	#top-youtube .flex-cell {flex-basis:49%; max-width:49%;}
}
@media screen and (max-width:520px) {
	#top-youtube .flex-cell {display:block; flex-basis:100%; max-width:100%;}
}

#top-contact {}
#top-contact:before {content:""; position:absolute; clear:both; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.75); z-index:2;}
#top-contact .inner {z-index:3;}
#top-contact h3 i {background:none; color:#fff;}
#top-contact h3:before,
#top-contact h3:after {display:none;}
#top-contact h4 i {background-color:transparent; color:#fff;}


.maps {width:100%; overflow:hidden; position:absolute; padding-top:0; margin:0 0 0; top:0; left:0; right:0; bottom:0; z-index:1;}
.googlemaps {width:100%; height:100%; position:absolute; top:0;}


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

#post-registration {padding:60px 0 120px 0;}
#post-registration i {}
#post-registration table td .wpcf7-list-item {display:block;}
#post-registration table td .wpcf7 span.wpcf7-list-item-label {display:block;}
/******************/
/******************/
/* single.php *****/

/* #post-ID {} */




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



/******************/
/******************/
/* CustomContents */

/* .single-jetpack-portfolio */
/* .jetpack-portfolio {} */


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

#top-contact .box {clear:both; display:block; background:#fff; padding:40px 40px 0.1em; margin:0 auto 40px;}
.form {}
.form table {line-height:1.2; border-top:1px solid #ccc; border-color:var(--oz-color-light);}
.form table th,
.form table td {border-bottom:1px solid #ccc; border-color:var(--oz-color-light); padding:16px 4px 0.1em; vertical-align:middle; text-align:left;}
.form table th {text-align:center; color:#0a3c6e; color:var(--oz-color-blue); 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;}
.form table tfoot td {border:0; text-align:right; font-size:12px; font-size:1.2rem;}

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

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

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

.more a {display:inline-block; min-width:inherit; padding:0 24px 8px;text-align:center; background:transparent;
border-bottom:2px solid #0a3c6e; border-color:var(--oz-color-dark); color:#0a3c6e; color:var(--oz-color-dark); position:relative; line-height:1.2;}
.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 #0a3c6e;
border-color:transparent transparent transparent var(--oz-color-dark);
position:absolute; right:-6px; bottom:-2px;}
.more a:hover {cursor:pointer; color:#0a3c6e; color:var(--oz-color-blue); border-bottom:2px solid #0a3c6e; border-color:var(--oz-color-blue);}
.more a:hover:after {border-color:transparent transparent transparent var(--oz-color-blue);}

[type="submit"],
.btn a {display:inline-block; min-width:120px; padding:12px 24px 8px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	border-radius:2px;
text-align:center; background:transparent; border:1px solid #0a3c6e; border-color:var(--oz-color-blue); color:#0a3c6e; color:var(--oz-color-blue); position:relative;
}

.btn i {padding:0 12px 0 0; display:block;}
.btn i:after {
position:absolute;
top:50%;
bottom:50%;
right:0.5em;
margin:-0.5em 0;
font-family:'Material Icons';
font-size:24px;
line-height:1;
white-space:nowrap;
content:"\E5CC";
}


[type="submit"]:hover,
.btn a:hover {background-color:#0a3c6e; background-color:var(--oz-color-blue); color:#ffffff; cursor:pointer;}

.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:#0a3c6e; border-color:var(--oz-color-blue); color:blue;}
.btn.btn-success a:hover {background-color:#0a3c6e; background-color:var(--oz-color-blue); 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%;
}

/******************/
/* 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.6; 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 li {display:inline-block;}
.breadcrumbs li:after {content:"\00BB"; margin:0 12px;}
.breadcrumbs li:first-child:before {}
.breadcrumbs li:last-child:after {content:"";}
.breadcrumbs li a {}
.breadcrumbs 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:#0a3c6e; background:var(--oz-color-blue); color:#fff;}
.pagination ul li a:hover {background:#0a3c6e; background:var(--oz-color-blue);}
.pagination span.current {background:#0a3c6e; background:var(--oz-color-blue);}



/******************/
/* 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 #0a3c6e; border-color:var(--oz-color-blue); background:#0a3c6e; background:var(--oz-color-blue); color:#fff; display:block;}
.page-links a:hover {background:transparent; color:#0a3c6e; color:var(--oz-color-blue);}

/******************/
/******************/
/* 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:85858599;
}

.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:858585858585;
cursor:default;
}


/******************/
/* 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:#ccc; background:var(--oz-color-light);
border:1px solid #858585; border-color:var(--oz-color-gray);
white-space:nowrap;
overflow:hidden;
}

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

#tabs ol li:hover {background:#0a3c6e; background:var(--oz-color-blue); 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:#0a3c6e; color:var(--oz-color-blue); border-bottom:1px solid #ffffff;}
#tabs ol li.current:hover {background:#fff; color:#0a3c6e; color:var(--oz-color-blue);}

#tab-content {
background:#fff; border:1px solid #858585; border-color:var(--oz-color-gray);
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:#858585; color:var(--oz-color-gray);}

[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 #ccc;}
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:#858585; color:var(--oz-color-gray); background:transparent; border:1px solid #ccc; 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 #0a3c6e; border-color:var(--oz-color-blue);
}

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 #64529e; border-color:var(--oz-color-purple);
color:#64529e;
padding:12px;
margin:0 0 20px 0;
}

#post-registration .wpcf7-mail-sent-ok {color:#64529e; border:1px solid #64529e; border-color:#64529e;}

.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;} {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 #ccc; display:inline-block;}
.wpcf7-list-item-label:after{
width:10px; height:6px; left:6px; top:6px;
border:2px solid #0a3c6e; border-color:var(--oz-color-blue);
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;}

	#header-navi {height:auto; min-height:80px;}
	#header-navi .inner {padding:0;}
	#header-navi ul {display:none; padding-top:84px;}
	#header-navi ul li {display:block;}
	#header-navi ul li:first-child {border-top:1px solid rgba(255,255,255,0.5);}
	#header-navi ul li:not(:last-child) {border-bottom:1px solid rgba(255,255,255,0.5);}
	.navi-toggle {display:block;}
	
	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%;}
}


@media screen and (max-width:800px) {
	#h-navi {display:none; height:100%; padding:120px 0; position:fixed; top:0; left:0; right:0; bottom:0; background-color:#0a3c6e; background-color:var(--oz-color-blue);
	overflow:scroll;
	-webkit-overflow-scrolling:touch;
	overflow-scrolling:touch;
	cursor:pointer; z-index:8585858;}
	#h-navi ul {display:block; border-top:1px solid #fff; text-align:left;}
	#h-navi ul li {display:block; border-bottom:1px solid #fff;}
	#h-navi ul li a {display:block; padding:20px 0; padding-left:52%; color:#fff;}
	#h-navi ul li a:hover {background:#fff; color:#0a3c6e; color:var(--oz-color-blue);}
	#h-navi ul li a i {position:absolute; right:50%;}




}

/* ▲ iPhone 6+ 横（736px） ▼ */
@media screen and (max-width:740px) {
	#f-navi ul {display:block; width:100%; border-top:1px solid #ccc; border-color:var(--oz-color-light); text-align:left;}
	#f-navi ul li {display:block; border:0; padding:0; border-bottom:1px solid #ccc; border-color:var(--oz-color-light);}
	#f-navi ul li a {display:block; padding:12px 0; position:relative; padding-left:50%;}
	#f-navi ul li i {text-align:right; right:52%; position:absolute;}
}

@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;}


	#top-option .flex-cell {flex-basis:100%; max-width:100%; display:block;}

	.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;}

	.archives-gallery ul li {flex-basis:46%; max-width:46%;}

	.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 **********/

@font-face {
font-family:'Poppins';
font-style:normal;
font-weight:300;
src:local('Poppins Light'),
	local('Poppins-Light'),
	url("https://fonts.gstatic.com/s/poppins/v1/D2gN9uyZ9Ucx1fJ1Fhb7s73hpw3pgy2gAi-Ip7WPMi0.woff") format('woff');
}

/* vietnamese */
/*
@font-face {
font-family:'Josefin Sans';
font-style:normal;
font-weight:600;
src:local('Josefin Sans SemiBold'),
	local('JosefinSans-SemiBold'),
	url(https://fonts.gstatic.com/s/josefinsans/v12/Qw3FZQNVED7rKGKxtqIqX5Ec0lhtdF0hoJky_MiS.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
*/
/* latin-ext */
/*
@font-face {
font-family:'Josefin Sans';
font-style:normal;
font-weight:600;
src:local('Josefin Sans SemiBold'),
	local('JosefinSans-SemiBold'),
	url(https://fonts.gstatic.com/s/josefinsans/v12/Qw3FZQNVED7rKGKxtqIqX5Ec0lhtdV0hoJky_MiS.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
*/
/* latin */
@font-face {
font-family:'ONZE Josefin Sans';
font-style:normal;
font-weight:600;
src:/*local('Josefin Sans SemiBold'),
	local('JosefinSans-SemiBold'),*/
	url(https://fonts.gstatic.com/s/josefinsans/v12/Qw3FZQNVED7rKGKxtqIqX5Ec0lhte10hoJky_A.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-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;}


h1 i,
h2 i,
h3 i,
h4 i {font-family:'ONZE Josefin Sans', sans-serif; letter-spacing:0.1em; text-transform:uppercase;}

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


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