@charset "utf-8";
/* CSS Document */

#sub_title h2.cyouzai{
	background: url(../image/works/cyouzai-main.jpg) no-repeat center center;
	background-size: cover;
}

#page #main div.research{
	margin-bottom:24px;
	padding:16px 16px 1px;
	background:#E3EFF3;
}

#page #main div.research p{
	font-size:110%;
}

#page #main .des{
    margin-bottom:40px;
    padding:16px 24px;
    overflow: hidden;
    border:5px solid #E3EFF3;
    border-radius: 3px;
}

#page #main .des div.alignright img{
	width:70%;
    margin-bottom:8px;
    border-radius: 3px;
    box-shadow: 0 1px 6px #CCCCCC;
}

#page #main .des div.alignright span{
    font-size:11px;
    line-height: 1.2 !important;
    display: block;
}

#page #main .des div.alignright{
    padding-top:16px;
    float: none;
}

#page #main .des div.alignright h4{
    color:#148DD0;
    font-size:140%;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: normal;
}

#page #main .des div.alignright h5{
    padding:0 16px;
    display: inline-block;
    background:#148DD0;
    color:#FFFFFF;
    font-size:110%;
    border-radius: 3px;
}

#page #main .des div.alignright ol{
    margin-left:24px;
}

#page #main .des div.alignright ol li{
    margin-bottom:8px;
    list-style: decimal;
}

/* ===== education ===== */

#page .education h4{
    font-size:120%;
    font-weight: 600;
    color:#38A7E8;
}

#page .education dl dt{
    font-weight: 600;
}

#page .education dl dd{
    margin-bottom:24px;
}

#page .education table{
    width: 100%;
}

#page .education table th,
#page .education table td{
    padding:8px 16px;
}

#page .education table tr{
    border-bottom:1px solid #333333;
}

#page .education p strong{
	font-weight: 600;
}

#page .education table.schedule{
	margin-top:-16px;
	margin-bottom:24px;
}

#page .education table.schedule th,
#page .education table.schedule td{
	width:inherit;
	border:1px solid #999999;
}

#page .education table.schedule thead th{
	text-align: center;
	background:#3798D1;
	color:#FFFFFF;
	border:1px solid #FFFFFF;
}

#page .education table.schedule tbody th{
	width:120px;
	text-align: center;
}

#page .education table.schedule tbody td:nth-of-type(5){
	width:200px;
}

@media screen and (max-width: 768px) {
}

@media screen and (max-width: 1024px) {
}

@media screen and (max-width: 740px) {
}

@media screen and (max-width: 640px) {
}