._sp {
		display: none!important;
}

@media screen and (min-width:768px){
.gnav {
	display: none;
}
}

@media screen and (max-width:768px){
	._sp {
		display: block!important;
	}
	
	._pc {
		display: none!important;
	}
	
	.wapper {
    display: flex;
    flex-direction: column;
}
	
	.content-area {
    width: 100%;
}
	
	.sp-1column {
		flex-direction: column;
	}
	
	.sp-1column li,
	.sp-1column div {
		width: 100%!important;
	}
	
	.header-inner {
    	display: none;
	}
	.top-sec01 {
    padding: 60px 0 20px;
}
	
	.top-sec01 h3 {
    font-size: 20px;
}
	
	.yellow-back {
    padding: 30px 0;
}
	
	.top-sec02 h2 {
    font-size: 20px;
    line-height: 1.3;
}
	
	.top-sec02 ul {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
}
	
	.top-sec02 .img img {
		width: 80%;
		margin: 0 auto;
		display: block;
	}
	
	.top-sec02 .text dd {
    font-size: 38px;
}
	
	.top-sec03 h2 {
    font-size: 18px;
		text-align: center;
		gap:10px;
    flex-direction: column;
    align-items: center;
		line-height: 1.4;
}
	
	.top-sec03 ul {
    grid-template-columns: repeat(1, 1fr);
}
	
	.top-sec04 ul {
    grid-template-columns: repeat(1, 1fr);
}
	
	.footer ul {
    gap: 5px 30px;
    flex-wrap: wrap;
}
	
	.footer-bottom {
    gap: 10px;
    flex-direction: column;
}
	
	.inner.main-slide {
		width: 100%;
	}
	
	.head-menu {
	width: 80px;
	height: 80px;
}

.menu{
    height: 20px;
    position: fixed;
    right: 25px;
    top: 15px;
    width: 30px;
    z-index: 99;
}

.menu:hover {
	cursor: pointer;
}

.menu__line{
    background: #E1513E;
    display: block;
    height: 2px;
    position: absolute;
    transition:transform .3s;
    width: 100%;
}
.menu__line--center{
    top: 9px;
}
.menu__line--bottom{
    bottom: 0;
}
.menu__line--top.active{
    top: 8px;
    transform: rotate(45deg);
	background: #fff;
}
.menu__line--center.active{
    transform:scaleX(0);
}
.menu__line--bottom.active{
    bottom: 10px;
    transform: rotate(135deg);
	background: #fff;
}

/*gnav*/
.gnav{
    background: rgba(243, 206, 70, 0.95);
    display: none;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 98;
}
.gnav__wrap{
    align-items:center;
    display: flex;
    height: 100%;
    justify-content: center;
    position: absolute;
    width: 100%;
}
.gnav__menu__item{
   
}
.gnav__menu__item a{
    font-size: 1.5em;
    font-weight: 600;
    padding: 20px;
    text-decoration: none;
    transition: .3s;
}
.gnav__menu__item a:hover{
}
	
	.sp-header {
		height: 50px;
		display: flex !important
;
        align-items: center;
		padding-left: 20px;
	}
	
	.logo-sp {
		width: 120px;
	}
	
	.model-content {
    flex-direction: column;
		gap:30px;
		margin-bottom: 50px;
}
	
	.model-content .main {
    width: 100%;
}
	
	.model-content .side {
     width: 100%;
}
	
	.course-block dd h3 {
    font-size: 19px;
	}
	
	.course-block dt {
    width: 28%;
}
	
	.course-block dd {
    width: 72%;
}
	
	.model-content .side td,
	.model-content .side th{
    padding-top: 20px;
    padding-bottom: 20px;
}
	
}