

@media screen and (min-width: 800px) {
    body{
        font-family: "biz-udgothic";
        margin: 0px;
        padding: 0px;
    }
    header{
        margin: 0px auto;
        padding: 0px;
        width: 800px;
        height: 100px;
        background-color: #333333;
        color: white;
        font-size: 12pt;
    }
    main{
        margin: 0px auto;
        padding: 0px;
        width: 800px;
        font-size: 12pt;
        line-height: 22pt;
        clear: both;
    }
    footer{
        margin: 0px auto;
        padding: 0px;
        width: 800px;
        height: 100px;
        background-color: #333333;
        color: white;
        font-size: 12pt;
    }
    h1{
        font-weight: 700;
        font-size: 18pt;
        margin: 0px;
        padding: 20px;
    }
    h2{
        font-weight: 700;
        font-size: 16pt;
        margin: 0px;
        padding: 20px 20px 0px;
    }
    h3{
        font-weight: 700;
        font-size: 13pt;
        margin: 0px;
        padding: 10px 20px 0px;
    }
    p{
        margin: 10px 0px;
        padding: 0px 20px;
        text-align: justify;
        text-indent: 12pt;
    }
    object{
        pointer-events: none;
    }
    a{
        text-decoration: none;
        color: grey;
    }
    dl{
        padding: 0px 20px;
    }
    dt{
		float:left;
	}
	dd{
		margin-left:4cm;
	}
    ul.nonumber,ol.nonumber{
        list-style-type: none;
        padding: 0px 20px;
    }
    section.fixed-size-section{
        height: 200px;
        overflow: auto;
        margin: 10px 0px;
    }
    .inline-image{
        width: auto;
        height: 12pt;
        vertical-align: text-bottom;
    }
    .inline-image-h2{
        width: auto;
        height: 16pt;
        vertical-align: text-bottom;
    }
    object#face{
        width: 100px;
        height: 100px;
        float: right;
    }
    div#link{
        padding: 0px 20px;
    }
    div#link a{
        color: white;
        text-decoration: none;
    }
    footer>div{
        padding: 20px;
    }
    .nopc{
        display: none;
    }
}

@media screen and (max-width: 799px){
    body{
        margin: 0px;
        padding: 0px;
        font-family: "biz-udgothic";
        font-size: 6mm;
    }
    header{
        margin: 0px;
        padding: 0px;
        background-color: #666666;
        color: white;
        border-bottom: solid 4px #333333;
    }
    header object{
        display: none;
    }
    header div#link{
        display: none;
    }
    h1{
        margin: 0px;
        font-size: 8mm;
        text-align: center;
        font-weight: bold;
    }
    main{
        margin: 0px;
        padding: 0px;
        line-height: 6mm;
    }
    footer{
        margin: 0px;
        padding: 0px;
        background-color: #666666;
        color: white;
        border-top: solid 4px #333333;
        text-align: center;
    }
    section{
        margin: 0px;
        padding: 0px;
    }
    section#biography h2{
        display: none;
    }
    section#biography h3, section#qualifications h2, section#publication h2, section#extracurricular h2{
        margin: 0px;
        padding: 0px;
        font-size: 6mm;
        background-color: lightyellow;
        text-align: center;
        border-bottom: solid 4px gold;
    }
    section#publication h3, section#extracurricular h3, section#qualifications h3{
        margin: 0px;
        padding: 0px;
        font-size: 6mm;
        text-align: center;
        background-color: lightgrey;
    }
    section#publication li, section#extracurricular li{
        font-size: 4mm;
        line-height: 4mm;
    }
    section#research{
        display: none;
    }
    p{
        margin: 0px;
        padding: 0px;
    }
    ol,ul{
        margin: 0px;
        padding: 0px;
        list-style-type: none;
    }
    li:nth-child(even){
        background-color: #f0f0ff;
    }
    strong{
        font-weight: 400;
        text-decoration: underline;
    }
    .nomobile{
        display: none;
    }
    div.marquee{
        margin: 0px;
        padding: 0px;
        height: 6mm;
        width: 100%;
        white-space: nowrap;
        overflow-x: hidden;
    }
    div.marquee span{
        margin: 0px;
        padding: 0px;
        position: relative;
    }
    .blink{
        visibility: visible;
    }
}

@media print{
    html[lang="ja"] body{
        font-family:vdl-v7mincho, freight-text-pro;
    }
    html[lang="en"] body{
        font-family:freight-text-pro, vdl-v7mincho;
    }
    header{
        display: none;
    }
    main{
		width:190mm;
		margin:0mm auto;
		padding:0mm;
		font-size:12pt;
		line-height:22pt;
	}
	section{
		width:190mm;
	}
	p{
		margin:0mm;
		width:190mm;
		padding:0mm 0mm 2mm;
		text-align: justify;
		text-indent: 12pt;
	}
	h1{
		font-weight:700;
		font-size:24pt;
		line-height:24pt;
		margin:5mm 0cm;
		padding:0mm;
		text-align:center;
	}
	section#history h3, section#education h3, section#qualifications h2, section#publication h2, section#extracurricular h2{
		font-weight:700;
		font-size:14pt;
		line-height:22pt;
		margin:5mm 0mm 0mm;
		padding:0mm;
		border-bottom:solid 1pt #000000;
	}
	section#qualifications h3, section#publication h3, section#extracurricular h3{
		font-weight:700;
		font-size:12pt;
		margin:3mm 0mm 0mm;
		padding:0mm;
	}
    section#research{
        display: none;
    }
	object#face{
		display:none;
	}
	#link{
		display:none;
	}
	.noprint{
		display:none;
	}
	dt{
		float:left;
	}
	dd{
		margin-left:4cm;
	}
	ul{
		margin:0mm 0mm;
		padding:0mm;
		list-style-type:none;
	}
	ol{
		margin:0mm 0mm 0mm 5mm;
		padding:0mm;
	}
	#education ol{
		list-style-type: none;
		margin:0mm;
	}
	dl{
		margin-top:0mm;
	}
	strong{
		font-weight:700;
		text-decoration:underline;
	}
	footer{
		margin: 5mm auto;
		font-size:10pt;
		line-height:12pt;
		text-align:right;
		width:190mm;
		border-top:solid 1px #000000;
	}
	a{
		text-decoration:none;
		color:#000000;
	}
	table{
		border-collapse:collapse;
		border-bottom: solid 2px #000000;
		border-top: solid 2px #000000;
		margin:5mm auto;
	}
	td, th{
		border-bottom:solid 1px #000000;
		padding: 1mm 3mm;
	}
	table.r td{
		text-align:right;
	}
}