div.main div.nagoya-banner{
	width:780px;
	text-align:center;
	background:#fff;
	padding:10px 0;
	margin:30px auto 0;
	font-size:120%;
}
@media only screen and (max-width: 650px){
	div.main div.nagoya-banner{
		width:90%;
		font-size:90%;
	}
}

div.main{
	width:960px;
	margin:0 auto;
	/*padding:980px 0 0 0;*/
	padding:1200px 0 0 0;
	background:url(../images/main_back4.jpg) no-repeat;
	background-color:rgba(197,0,20,1.0);
	background-size:960px auto;
	/*background-position:-7px 191px;*/
	background-position:-7px 160px;
	border-left:7px solid rgba(0,0,0,1.0);
	border-right:7px solid rgba(0,0,0,1.0);
	box-sizing:border-box;
}

div.main div.order{
	background:rgba(0,0,0,1.0);
	padding:80px 100px;
	margin:50px 0 0 0;
	color:#fff;
}

div.main div.order div{
	background:transparent;
	color:rgba(255,241,147,1.0);
	border:1px solid #fff;
}
div.main div.order a{
	text-decoration:none;
}
div.main div.order div:hover{
	opacity:1.0;
}
div.main div.order a div:hover{
	opacity:0.7;
}

div.main div.order div.yoyaku{
	background:#fff;
	border-radius:5px;
	color:#000;
	font-size:150%;
	line-height:150%;
	font-family:'Noto Serif JP', serif;
}
div.main div.order div.yoyaku strong{
	color:rgba(197,0,20,1.0);
}


h3{
	text-align:center;
	background:transparent;
	padding:0;
}
h3 img{
	width:100%;
}

div.main div.course4{
	position:relative;
}

div.main div.course4 ul{
	margin:0 auto;
	padding:20px 0;
	list-style:none;
	width:90%;
}
div.main div.course4 li{
	display:block;
	text-align:center;
	vertical-align:top;
	padding:0;
	margin:0;
	width:100%;
	height:250px;
	box-sizing:border-box;
	/*overflow:hidden;*/
	border-radius:10px;
	position:relative;
}
div.main div.course4 li h2{
	text-align:center;
	margin:0;
	padding:50px 300px 20px 0;
	color:#000;
	font-size:150%;
	line-height:120%;
	font-family:'Noto Serif JP', serif;
	font-style:normal;
}
div.main div.course4 li:nth-of-type(2) h2, div.main div.course4 li:nth-of-type(4) h2, div.main div.course5 li:nth-of-type(1) h2{
	padding:50px 0 20px 300px;
}
div.main div.course4 li h2 span{
	font-size:80%;
}
div.main div.course4 li div{
	color:#000;
	font-size:100%;
	line-height:150%;
	padding:0 300px 0 0;
}
div.main div.course4 li:nth-of-type(2) div, div.main div.course4 li:nth-of-type(4) div, div.main div.course5 li:nth-of-type(1) div{
	padding:0 0 0 300px;
}
div.main div.course4 li img.line{
	width:90%;
}
div.main div.course4 li img.photo{
	width:45%;
	position:absolute;
	top:20px;
	right:0;
}
div.main div.course4 li:nth-of-type(2) img.photo, div.main div.course4 li:nth-of-type(4) img.photo, div.main div.course5 li:nth-of-type(1) img.photo{
	right:auto;
	left:0;
}

div.main div.course4 li img.omotya{
	position:absolute;
	width:110px;
	right:-40px;
	top:-30px;
}

div.main div.course4 li:nth-of-type(1) img.icon_copy{
	width:89px;
	position:absolute;
	top:0;
	right:270px;
}
div.main div.course4 li:nth-of-type(2) img.icon_copy{
	width:89px;
	position:absolute;
	top:0;
	left:270px;
}
div.main div.course4 li:nth-of-type(3) img.icon_copy{
	width:150px;
	position:absolute;
	top:0;
	right:210px;
}
div.main div.course4 li:nth-of-type(4) img.icon_copy{
	width:89px;
	position:absolute;
	top:20px;
	left:270px;
}


div.main div.course5{
	width:94%;
	border:3px solid rgba(165,127,71,1.0);
	margin:0 auto;
	border-radius:5px;
	background:url(../images/back3.jpg);
	background-size:cover;
}

div.main div.course5 h1{
	background:rgba(165,127,71,1.0);
	color:#fff;
	font-size:180%;
	line-height:120%;
	font-family:'Noto Serif JP', serif;
	font-style:normal;
	margin:0;
	padding:10px 0;
}
div.main div.course5 h1 span{
	text-decoration:underline;
}

div.main div.course5 a{
	text-decoration:none;
}

div.main div.course5 li:nth-of-type(1){
	height:360px;
}
div.main div.course5 li:nth-of-type(2){
	width:54%;
	height:320px;
	display:inline-block;
}
div.main div.course5 li:nth-of-type(3){
	width:46%;
	height:320px;
	display:inline-block;
}
div.main div.course5 li:nth-of-type(1) h2{
	padding:100px 0 20px 300px;
}
div.main div.course5 li:nth-of-type(2) h2, div.main div.course5 li:nth-of-type(3) h2{
	text-align:center;
	margin:0;
	padding:250px 0 0;
	color:#000;
	font-size:150%;
	line-height:120%;
	font-family:'Noto Serif JP', serif;
	font-style:normal;
}
div.main div.course5 li:nth-of-type(1) img.photo{
	width:52%;
}
div.main div.course5 li:nth-of-type(2) img.photo, div.main div.course5 li:nth-of-type(3) img.photo{
	width:100%;
	position:absolute;
	top:0;
	right:0;
}




div.waku{
	width:90%;
	margin:30px auto 0;
	padding:10px;
	box-sizing:border-box;
	background: linear-gradient(to right bottom, rgba(244,230,168,1.0), rgba(208,157,66,1.0));
}
div.waku_w{
	background:#fff;
	padding:20px 0;
}



span.tyuu{
	display:block;
	text-align:center;
	margin:50px 0 0;
	color:#fff;
}







@media only screen and (max-width: 650px) {
	
	div.main{
		width:100%;
		padding:160px 0 0 0;
		background:none;
		background-color:rgba(197,0,20,1.0);
	}
	div.main img.sp-top{
		width:100%;
	}
	
	div.main div.order{
		padding:30px 20px;
		font-size:80%;
	}
	div.main div.order h4{
	width:100%;
	}
	div.main div.order h5{
	font-size:100%;
	}
	
	div.main div.order th.topth{
		line-height:150%;
	}
	div.main div.order th img{
	width:50px;
	}
	
	div.main div.order div{
		padding:30px;
		box-sizing:border-box;
		line-height:180%;
	}
	div.main div.order div h5{
	font-size:120%;
	line-height:130%;
	padding:0 0 10px 0;
	}
	
	
	
	div.main div.course4 ul{
		text-align:center;
		width:100%;
	}
	
	div.main div.course4 li{
		display:inline-block;
		width:48%;
		height:auto;
		margin:0 1% 20px;
		overflow:visible;
	}
	div.main div.course4 li h2{
	padding:10px 0;
	font-size:80%;
	}
	div.main div.course4 li:nth-of-type(2) h2, div.main div.course4 li:nth-of-type(4) h2, div.main div.course5 li:nth-of-type(1) h2{
	padding:10px 0;
	}
	div.main div.course4 li div{
	font-size:60%;
	padding:0;
	}
	div.main div.course4 li:nth-of-type(2) div, div.main div.course4 li:nth-of-type(4) div, div.main div.course5 li:nth-of-type(1) div{
	padding:0;
	}
	div.main div.course4 li img.line{
	display:none;
	}
	div.main div.course4 li img.photo{
	width:100%;
	position:static;
	top:0;
	}
	
	div.main div.course4 li img.omotya{
	position:absolute;
	width:30%;
	left:auto;
	right:0;
	top:-30px;
	}
	
	div.main div.course4 li:nth-of-type(1) img.icon_copy{
		width:28%;
		top:-20px;
		right:auto;
		left:0;
	}
	div.main div.course4 li:nth-of-type(2) img.icon_copy{
		width:28%;
		top:-20px;
		left:0;
	}
	div.main div.course4 li:nth-of-type(3) img.icon_copy{
		width:38%;
		top:-10px;
		right:auto;
		left:0;
	}
	div.main div.course4 li:nth-of-type(4) img.icon_copy{
		width:28%;
		top:0;
		left:0;
	}
	
	
	div.main div.course5 h1{
	font-size:120%;
	}
	
	div.main div.course5 h1 em{
		margin:10px 0 0 0;
	}
	
	div.main div.course5 li:nth-of-type(1){
	height:auto;
	}
	div.main div.course5 li:nth-of-type(2){
	width:52%;
	height:auto;
	}
	div.main div.course5 li:nth-of-type(3){
	width:44%;
	height:auto;
	}
	div.main div.course5 li:nth-of-type(1) h2{
	padding:10px 0;
	}
	div.main div.course5 li:nth-of-type(2) h2{
	padding:0;
	font-size:80%;
	}
	div.main div.course5 li:nth-of-type(3) h2{
	padding:11px 0 0;
	font-size:80%;
	}
	div.main div.course5 li:nth-of-type(1) img.photo{
	width:100%;
	}
	div.main div.course5 li:nth-of-type(2) img.photo, div.main div.course5 li:nth-of-type(3) img.photo{
	position:static;
	}
	
}