/* �����ȳ�  */
.listBox1 {position: relative; border: 1px solid #dad8d9; border-top: 1px solid #037cc2; margin-top: 0.5rem;}
.listBox1:before {position: absolute; top: 0; left: -1px; width: 1px; height: 7.5rem; background: #037cc2; content: "";}
.listBox1 > li {display: table; padding: 2rem 0; width: 100%;}
.listBox1 > li + li {border-top: 1px solid #dad8d9;}
.listBox1 > li > .img {display: table-cell; padding: 0 2em; width: 10rem;}
.listBox1 > li > .img > span {display: block; text-align: center; background: #ffffff;}
.listBox1 > li > .txt {display: table-cell; padding: 0 2em; width: calc(100% - 18rem); vertical-align: middle;}
.listBox1 > li > .txt > [class^="tit"]:first-child {margin-top: 0;}


/* ���뱳�� */
.president{ display:flex; flex-wrap:wrap; }
.president .wrap{ position:relative; width:48%; min-height: 8.5rem;margin:.75rem 0; z-index:1; border-radius:0 0 1.25rem 0; background:#fff; border:2px solid #e7e7e7;}
.president .wrap:before{ content:""; position:absolute; left:-2px; top:-2px; width:40%; height:40%; max-width:6rem; max-height:3rem; background:#fff; z-index:0;}
.president .wrap:after{ content:""; position:absolute; left:0; top:0; width:30%; height:30%; max-width:5rem; max-height:3rem; border-left:2px solid #2964bd; border-top:2px solid #2964bd; z-index:1;}
.president .wrap:nth-of-type(even){ margin-left:4%;}
.president .wrap img{ position:relative; width:4.5rem; height:5.8rem; margin:1.5rem 1.2rem; float:left;}
.president ul{ position:relative; padding: 1.5rem 1.5rem 1.5rem 0;float: left;}
.president li{position:relative;display:flex;line-height:1.5rem;font-weight:600;font-size:.8rem;width: 100%;}/*221017*/
.president li span { display:block; min-width:4rem; height:1.5rem; color:#fff; text-align:center; padding:0 .5rem; margin-right:.75rem; border-radius:1rem; background:#2964bd;}
.president li + li{ margin-top:.5rem; }

@media screen and (max-width:900px){ 
	/* ���뱳�� */
	.president .wrap img { margin:1.5rem 0; left:50%; transform:translateX(-50%); }
	.president ul {padding:8.5rem 1.5rem 1.5rem;float:none;text-align: center;}/*221017*/
}

@media screen and (max-width:680px){ 
    /* ���뱳�� */
    .president{ display:block; }
    .president .wrap{ width:100%; }
    .president .wrap:nth-of-type(even){ margin-left:0%; }
    .president .wrap img{ margin:1.5rem 1.2rem; left: auto;transform: none; }
    .president ul{ position:relative; padding: 1.5rem 1.5rem 1.5rem 0;float: left;}
   
}


@media screen and (max-width:640px){
	/* ���뱳�� */
	.president{ display:block; }
    .president .wrap{ width:100%; }
    .president .wrap:nth-of-type(even){ margin-left:0%;}
}

@media screen and (max-width:480px){
	/* ���뱳�� */
	.president .wrap img { margin:1.5rem 0; left:50%; transform:translateX(-50%); }
	.president ul { padding:8.5rem 1.5rem 1.5rem; float:none; }
}

@media screen and (max-width:340px){ 
    /* ���뱳�� */
    .president li {  display: inline-block;}
}