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

/*基本設定*/
.sp-on{
		display: none;
	}

li{
	 list-style: none;
}

.sma{
    display: none;
}

.sp-br{
		display: none;
	}

.pc-br{
	display: block;
}

.course-box{
		background: #fff;
	padding: 50px; 
	margin-bottom: 100px;
	position: relative;
	}
	 
	.course-box ul h3{
		margin-bottom: 50px;
	}
	
	
	.course-box ul h3 img{
		width: 350px;
		height: 120px;
		margin: 0 auto;
	}
	
	.course-box ul img:nth-child(2){
		width: 350px;
    height: 120px;
    margin: 0 auto;
	}

.course-flex{
	display: flex;
	justify-content: space-around;
}

.course-flex h4{
	font-size: 20px;
    border-bottom: 1px solid;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.course-flex li:nth-child(1){
	width: 35%;
}

.course-flex li:nth-child(2){
	width: 50%;
}

.course-little-p{
	font-size: 11px;
}

.course-flex p{
	line-height: 2.8;
}

.menu-thumb-area {
    margin-top: auto;
    transform: translateX(10%) scale(1.1);
	  position: absolute;
    width: 40%;
    right: -20px;
  }

.menu-inner {
    width: 91.1%;
    max-width: 1276px;
    padding: 4em 0 12em;
    margin-bottom: 8em;
  }

/*スマホ*/
@media screen and (max-width: 768px){
	
	html{
		width: 100%;
	overflow-x: hidden;
	}
	
	.pc-on{
		display: none;
	}
	
.sma{
        display: block;
    }
	
	.sp-on{
		display: block;
	}
	
	.sp-br{
		display: block;
	}
	
	.pc-br{
	display: none;
	}
	
	.menu-inner{
		width: auto;
		padding: 4em 0 1em;
	}
	
	.course-box {
    padding: 30px 10px;
    margin-bottom: 50px;
}
	
	.course-box ul h3 {
    display: block;
    margin-bottom: 20px;
}
	
	.course-box ul img:nth-child(1) {
    width: auto;
}
	
	.course-box ul img:nth-child(2) {
    width: auto;
    margin: 0 auto;
    padding-top: 20px;
}
	
	.course-flex {
    display: block;
}
	
	.course-flex li {
    width: auto;
    margin-bottom: 30px;
}
	
	.menu-thumb-area {
		position: inherit;
    transform: none;
    width: auto;
    right: auto;
}

	.course-flex li:nth-child(1) {
    width: auto;
}
	
	.course-flex li:nth-child(2) {
    width: auto;
}
	
	
}

/*デスクトップ*/
@media screen and (min-width:1500px){

	
}

@media (max-width: 520px) {
  body {
    top: 0 !important
  }
}

@media screen and (min-width: 1px) and (max-width: 1400px){
	
}