@charset "utf-8";
#main .mainBox .topBox{
	margin: 0 auto;
    width: 1112px;
}
#main .mainBox {
    padding-top: 0;
}
#main h3.headLine01 {
    padding-left: 20px !important;
    background: url(../img/common/icon01.png) no-repeat left 4px !important;
}
#main h3.headLine01 {
    margin-bottom: 32px;
}
#main .listBox {
    padding: 120px 0;
    margin: 150px 0;
}
.overview.inner{
	display: flex;
	justify-content: space-between;
}
.overview.inner .left{
	width: 60.7%;
}
.overview.inner .left .lead{
	margin-bottom: 14px;
    font-weight: 700;
}
.overview.inner .right{
	width: 34.17%;
}
.overview.inner .right img{
	width: 100%;
}
.overview.inner.features{
	align-items: center;
	margin-bottom: 40px;
}
.overview.inner.features:last-child{
	margin-bottom: 0;
}
.lesson-detail{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	row-gap: 56px;
}
.lesson-detail li{
	width: calc(50% - 40px);
}
.lesson-detail li .imgwrap{
    margin-bottom: 24px;
}
.lesson-detail li .imgwrap img{
	width: 100%;
}
.lesson-detail li .ttl{
    margin-bottom: 8px !important;
    font-weight: 700;
    font-size: 14px !important;
}
.lesson-detail li .txt{
    margin-bottom: 0 !important;
}
.form{
	margin-top: 80px;
	margin-bottom: 50px;
}
.form .links{
    display: flex;
    gap: 24px;
}
.form .links li a{
    padding: 7px 20px 7px 40px;
    display: block;
    position: relative;
    border-radius: 4px;
    background: #F2F2F2 url(../img/common/icon29.png) no-repeat 10px 12px;
    font-size: 13px;
    font-weight: 700;
}
.form .links li a:hover {
    color: #FFF;
    background: #000 url(../img/common/icon29_over.png) no-repeat 10px 12px;
}
.listBox.mt{
	margin-top: 0 !important;
}
@media (min-width: 0) and (max-width: 768px){
#main .mainBox {
    padding: 35px 0 60px;
}
	#main .listBox {
		padding: 20px 0;
		margin: 60px 0;
	}
	.listBox.mt{
		padding-top: 60px !important;
	}
	#main .topTxtBox {
		padding-top: 0;
	}
	#main h3.headLine01 {
		padding-left: 15px !important;
		background: url(../img/common/sp_icon01.png) no-repeat left 2px !important;
		background-size: 9px 18px !important;
	}
	#main .mainBox .topBox{
		margin: 0 20px;
		width: auto;
	}
	#main .listBox .comSec {
		margin: 0 20px;
	}
	.overview.inner{
		flex-wrap: wrap;
	}
	.overview.inner .right{
		width: 100%;
		order: 1;
		margin-bottom: 24px;
	}
	.overview.inner .left{
		width: 100%;
		order: 2;
	}
	.lesson-detail li {
		width: 100%;
	}
	.form .links li {
		width: 100%;
	}
	.form .links li a {
		width: calc(100% - 60px);
		padding: 16px 20px 16px 40px;
		background-position-y: 20px;
		background-position-x: 15px;
	}
	.form .links li a:hover {
		background-position-y: 20px;
		background-position-x: 15px;
	}
	.form .links {
		flex-wrap: wrap;
		row-gap: 16px;
	}
	.form{
		margin-bottom: 0;
	}
#main .chdNaviBox .inner .on {
    padding: 0;
}
}

/*  20626 epi  */
.logoWrap{
	display: flex;
	justify-content: space-between;
	/* align-items: center; */
}
.logoWrap .left{}
.logoWrap .right{
	width: 34.17%;
	text-align: center;
}
.logoWrap img{
	max-width: 340px;
	width: 100%;
	margin-top: 5px;
}
#main .instractorbox{
    padding: 20px 0 0;
}
#main .btmBox p,
#main .btmBox p{
	margin-bottom:0;
}
@media (min-width: 0) and (max-width: 768px){
	.logoWrap .right{
		width: 36.17%;
	}
	.logoWrap img{
		margin-top: 12px;
	}
	#main .listBox .epi_comSec{
		margin: 0 3px !important;
	}
	#main .fee {
        padding: 60px 0 40px;
        margin: 40px 0;
    }
}