@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&family=Noto+Serif+JP&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC&family=Noto+Serif+SC&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC&family=Noto+Serif+TC&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&family=Noto+Serif+KR&display=swap');

body   {font-family:'Noto Sans JP',sans-serif;}
/* html[lang="en"]    body{font-family:'Noto Sans JP',sans-serif;} */
html[lang="zh-CN"] body{font-family:'Noto Sans SC',sans-serif;}
html[lang="zh-TW"] body{font-family:'Noto Sans TC',sans-serif;}
html[lang="ko"]    body{font-family:'Noto Sans KR',sans-serif;}


@charset 'UTF-8';

/*------------------------------------------------------------*/
* {margin:0;padding:0;}
body{-webkit-text-size-adjust:100%;font-size:15px;line-height:1.3;font-family:sans-serif;word-break:break-word;}

/*
a          {color:#33f;}
a:hover    {color:#009;}
a:visited  {color:#666;}
*/

a{text-decoration:none;}
*:focus {outline:none;}
ul,ol{list-style:none;}
img{border:0;margin:0;padding:0;vertical-align:middle;max-width:100%;}
.note{font-size:80%;}
.notice{color:#B71C00;}

@media screen and (min-width:1024px){.m-on{display:none!important;}}
@media screen and (max-width:1023px){.m-off{display:none!important;}}
@media screen and (min-width:768px){.s-on{display:none!important;}}
@media screen and (max-width:767px){.s-off{display:none!important;}}

.annotation-1 > li{padding-left:1em;}
.annotation-2 > li{padding-left:2em;}
.annotation-3 > li{padding-left:3em;}
.annotation-1 > li, .annotation-2 > li, .annotation-3 > li{position:relative;margin-bottom:5px;}
.annotation-1, .annotation-2, .annotation-3{margin:5px 0 10px;}
.annotation-1 > li span:first-of-type, .annotation-2 > li span:first-of-type, .annotation-3 > li span:first-of-type
{position:absolute;left:0;}



/*------------------------------------------------------------*/

body{background:#fff;}

#lang-nav{display:flex;justify-content:center;margin:30px 0 30px;}
#lang-nav li a{display:block;font-size:12px;color:#666;padding:5px 10px;margin:0 1px;border-bottom:solid 1px #aaa;}
#lang-nav li a.active, #lang-nav li a:hover{background:#aaa;color:#fff;}

/*
h1{font-size:24px;text-align:center;margin:50px 0 30px;}
@media screen and (max-width:767px){
	h1{font-size:18px;}
}
*/

.content{max-width:1200px;margin:0 auto 50px;padding:0 5%;}
video{width:100%;}

footer{text-align:center;padding:20px 0;}
#footer-mfhm-logo{display:inline-block;margin-bottom:10px;}
#copy{font-size:11px;color:#666;}