@charset "utf-8";
/* CSS Document */

/*--------------------------------------------------------common*/
#boxContent{
    overflow: hidden;
    margin-bottom:50px;
}
.boxImgL{
    float:left;
    margin:0 20px 20px 0;
}
.btnLink01{
    display:inline-block;
    margin-top:20px;
}
.btnLink01 a{
    display:block;
    padding:5px 16px 6px 25px;
    border-radius:4px;
    background: url("../../images/icn_triangle.svg") no-repeat 15px 50% #184CA7;
    color:#fff;
}
.btnLink01 a:hover{
    text-decoration: none;
    opacity:0.8;
    transition: .3s;
}
.flex{
    display:flex;
}

/*index*/
.blockAboutConcept{
	display:flex;
}
.blockAboutConcept p img{
	width:400px!important;
}
.blockAbout dt{
    float:left;
    clear:left;
    width:200px;
    padding:8px 0;
}
.blockAbout dd{
    padding:8px 0 8px 200px;
    border-bottom:1px solid #ddd;
}
.blockAbout dd:last-child{
    border-bottom:none;
}
.blockOrganization{
    overflow: hidden;
}
.blockOrganization li{
    float:left;
    margin-right:20px;
}
@media(max-width:960px){
	.blockAboutConcept{
		display: block;
	}
	.blockAboutConcept p{
		margin-right:0!important;
		margin-bottom:10px;
	}
	.blockAboutConcept p img{
		width:100%!important;
	}
}
@media(max-width:800px){
	.blockAbout dt{
		float:none;
		width:100%;
		padding:20px 0 0 0;
		padding-bottom:0;
		font-weight:600;
	}
	.blockAbout dd{
		padding-left:0;
	}
}

/*activity*/
.secActivity{
    margin-bottom:30px;
    padding-bottom:30px;
    border-bottom:1px solid #ccc;
}
.secActivity:last-child{
    border-bottom:none;
}
.blockFreeDial dt{
    margin-bottom:6px;
}
.blockFreeDial dd{
    margin-bottom:10px;
}
.blockDialTime dt{
    float: left;
}
.blockDialTime dd{
    padding-left:150px;
}

@media(max-width:640px){
	.blockAboutConcept dt img{
		width:100%;
	}
}

/*honor_director*/
.catch01{
    text-align: center;
    font-size:3rem;
    font-family: Vollkorn, ‘游明朝’, ‘Yu Mincho’, ‘游明朝体’, YuMincho, ‘Hiragino Mincho ProN’, HiraMinProN-W3, ‘Noto Serif JP’, serif;
    font-weight: 700;
}
.honorName{
    margin-bottom:10px;
    font-size:2rem;
    font-weight: bold;
}
.blockHonor01{
    display:flex;
	flex-direction: row-reverse;
    margin-bottom:20px;
}
.blockHonorImg01{
	width: 220px;
	margin-left:30px;
}
.txtR {
    text-align: right;
}
.blockHonor01>p{
    width:calc(100% - 250px);
}
.boxRelatedInfo{
    margin-bottom:50px;
    padding:20px;
    border-radius: 5px;
    background:#eee;
}
.boxRelatedInfo ul{
    margin-left:3rem;
    text-indent:-3rem;
}
.boxRelatedInfo li{
    margin-bottom:6px;
}

@media(max-width:640px){
	.catch01{
		font-size:5vw;
	}
	.blockHonor01{
		display:block;
	}
	.blockHonor01>p{
		width:100%;
	}
	.honorName{
		width:80%;
		margin:0 auto 10px;
	}
	.blockHonorImg01{
		width:80%;
		margin:0 auto 10px;
	}
}

/*director*/
.boxDirector01 {
	display:flex;
    justify-content: space-around;
	flex-direction:row-reverse;
}
.boxDirector01 .blockImg{
    width:220px;
    margin:0 0 20px 0;
}
.boxDirector01 .caption{
    font-size:1.2rem;
    text-align: left;
}
.boxDirector02>p{
    text-indent:2rem;
}
.listProf{
    margin:0 0 15px 2rem;
    list-style:disc;
}

@media(max-width:640px){
	.boxDirector01 {
		display:inherit;
		margin-bottom:10px;
	}
	.boxDirector01 .blockImg{
		width:70%;
		margin:auto;
	}
}

/*adviser*/
.boxImgAdviser{
    float:left;
    width:220px;
    margin:0 30px 20px 0;
}
.boxProf{
    padding:20px;
    border-radius: 5px;
    background:#eee;
}
.boxProf dt{
    font-size:1.8rem;
    color:#333;
    font-weight:bold;
}
@media(max-width:640px){
    .boxImgAdviser{
        float:none;
        width:100%;
        margin:0 0 50px 0;
    }
}

/*executive*/
.boxExctiv{
    padding:40px 20px;
    border-bottom:1px dotted #aaa;
}
.boxExctiv .blockName{
    margin-bottom:10px;
    padding-bottom:10px;
}
.boxExctiv .blockName dt{
    margin-bottom:8px;
    font-size:2.2rem;
    font-weight:bold;
}
.boxExctiv .blockName dt span{
    display:inline-block;
    margin-right:1rem;
    padding:0 5px;
    border-radius: 3px;
    background:#2642c1;
    color:#fff;
    font-size:2rem;
    font-weight:normal;
}
.boxExctiv .blockName dd{
    font-size:1.8rem;
    font-weight:bold;
}

/*charter*/
.secCharter{
    margin-bottom:30px;
}
.secCharter h2{
    margin-bottom:20px;
}
.secCharter .blockRule{
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom:1px solid #ddd;
}
.secCharter h3{
    margin-bottom:10px;
}
.secCharter ul{
    list-style:disc;
    margin-left:2rem;
}
.secCharter .blockRule>dl{
    display:flex;
}
.secCharter .blockRule .blockDiv>dl{
    display:flex;
    margin-bottom:10px;
}
.secCharter .blockRule dt{
    min-width:70px;
    margin-right:30px;
}
.secCharter .blockRule dd ul li>ul,
.secCharter .blockRule dd ul li>ol,
.secCharter .blockRule dd ol li>ul{
    margin-left:2rem;
    margin-bottom:10px;
}
.em1{
    display:inline-block;
    width:1.5rem;
}
.em2{
    display:inline-block;
    width:3rem;
}
.secCharter .blockRule .blockOfficer{
    margin-left:2rem;
}
.secCharter .blockRule .blockOfficer dt{
    float:left;
    width:100px;
}
.secCharter .blockRule .blockOfficer dd{
    padding-left:100px;
}
@media(max-width:640px){
	.secCharter .blockRule dt{
        min-width:50px;
        margin-right:10px;
	}
    .em2{
        width:1.6rem;
    }
    .secCharter .blockRule .blockOfficer dt{
        float:none;
        width:100px;
    }
    .secCharter .blockRule .blockOfficer dd{
        padding-left:0;
        margin-bottom:10px;
    }
}

/*lecture*/
.secLecture{
    margin-bottom:30px;
    padding-bottom:30px;
    border-bottom:1px solid #ccc;
}
.secLecture:last-child{
    border-bottom:none;
}
.blockLecture01{
    display: flex;
}
.blockLecture01>div{
    width:50%;
    margin-right:30px;
}
.linkPdf span{
    padding-left:20px;
    background:url("../../images/icn_pdf.gif") no-repeat 0 50%;
    color:#184ca7;
} 
.boxInfo{
    display: flex;
    margin-top:20px;
    padding:20px;
    background:#eee;
    border-radius:5px;
}
.boxInfo p:first-child{
    margin:6px 10px 0 0;
}
.blockRegistCard div{
	display: flex;
}
.blockRegistCard div p:first-child{
	margin-right:20px;
}

@media(max-width:800px){
	.blockLecture01{
		display:block;
	}
	.blockLecture01>div{
		width:auto;
		margin-right:0;
		margin-bottom:10px;
	}
	.blockRegistCard div{
		display:block;
	}
	.blockRegistCard div p:first-child{
		margin-right:0;
		margin-bottom:10px;
	}
}

/*enrollment*/
.secEnroll{
    overflow: hidden;
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom:1px solid #ccc;
}
.secEnroll li{
    float:left;
    width:20%;
    min-width:120px;
}
@media(max-width:800px){
	.secEnroll li{
		width:25%;
		min-width:auto;
	}
}
@media(max-width:480px){
	.secEnroll li{
    	min-width:115px;
	}
}