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

/*--------------------------------------------------------
　基本設定
--------------------------------------------------------*/


@media print, screen and (min-width: 641px){
	
	div.teach-main div.teach-manifest__txt h5 {
		font-size: 30px;
		color: #eb6370;
	}
	
	div.teach-main div.teach-manifest__txt div.box {
		border: 2px solid #eb6370;
		padding: 15px;
		border-radius: 15px;
		margin: 40px 0 0;
	}
	
	div.teach-main div.teach-manifest__txt div.box h6{
		font-size: 24px;
		color: #eb6370;
		margin-bottom: 6px;
	}
	
	div.teach-main div.teach-manifest__txt div.box ul{
		font-size: 16px;
	}
	
	div.teach-main div.teach-manifest__txt div.box ul li{
		text-indent: -1em;
		padding-left: 1em;
	}
	
	div.teach-main div.teach-manifest__txt div.box ul li::before{
		content: "・";
	}
	
	div.teach-main section.teach-summary h5 {
		font-size: 20px;
		color: #eb6370;
		margin-bottom: 4px;
	}
	
	div.teach-main section.teach-summary h5 + p{
		margin-bottom: 60px;
	}
	
	div.teach-main section.teach-apply {
        margin: 0 0 50px;
        padding: 30px;
        border: dashed 1px #ddd;
    }
	
	div.teach-main section.teach-apply ul.box {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	div.teach-main section.teach-apply ul.box li:first-child{
		width: 62%;
		text-align: left;
	}
	
	div.teach-main section.teach-apply ul.box li:first-child h4.teach-apply__title{
		font-size: 28px;
		margin-top: 15px;
	}
	
	div.teach-main section.teach-apply ul.box li:first-child h4.teach-apply__title + p{
		margin-bottom: 10px;
	}
	
	div.teach-main section.teach-apply ul.box li:first-child p.teach-apply__tel{
		font-size: 30px;
		margin-bottom: 12px;
	}
	
	div.teach-main section.teach-apply ul.box li:first-child p.teach-apply__mail{
		font-size: 20px;
		margin-bottom: 12px;
	}
	
	div.teach-main section.teach-apply ul.box li:first-child p.teach-apply__tel span{
		font-size: 18px;
	}
	
	div.teach-main section.teach-apply ul.box li:first-child p.teach-apply__mail {
		margin-bottom: 18px;
	}
	
	div.teach-main section.teach-apply ul.box li:last-child{
		width: 36%;
	}
	
	div.teach-main section.teach-apply ul.box li:last-child img{
		width: 100%;
		height: auto;
	}
	
}

/*--------------------------------------------------------
　SP
--------------------------------------------------------*/

@media screen and (max-width: 640px){
	
	div.teach-main div.teach-manifest__txt h5 {
		font-size: 20px;
		color: #eb6370;
	}
	
	div.teach-main div.teach-manifest__txt div.box {
		border: 2px solid #eb6370;
		padding: 10px;
		border-radius: 15px;
		margin: 30px 0 0;
	}
	
	div.teach-main div.teach-manifest__txt div.box h6{
		font-size: 18px;
		color: #eb6370;
		margin-bottom: 6px;
	}
	
	div.teach-main div.teach-manifest__txt div.box ul{
		font-size: 14px;
		line-height: 1.4;
	}
	
	div.teach-main div.teach-manifest__txt div.box ul li{
		margin-bottom: 4px;
		text-indent: -1em;
		padding-left: 1em;
	}
	
	div.teach-main div.teach-manifest__txt div.box ul li::before{
		content: "・";
	}
	
	div.teach-main section.teach-summary h5 {
		font-size: 16px;
		color: #eb6370;
		margin-bottom: 4px;
	}
	
	div.teach-main section.teach-summary h5 + p{
		margin-bottom: 40px;
	}
	
	div.teach-main section.teach-apply {
        margin: 0 0 50px;
        padding: 15px;
        border: dashed 1px #ddd;
    }
	
	div.teach-main section.teach-apply ul.box {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	div.teach-main section.teach-apply ul.box li:first-child{
		width: 100%;
		text-align: left;
	}
	
	div.teach-main section.teach-apply ul.box li:first-child h4.teach-apply__title{
		font-size: 22px;
		margin-top: 10px;
	}
	
	div.teach-main section.teach-apply ul.box li:first-child h4.teach-apply__title + p{
		margin-bottom: 8px;
	}
	
	div.teach-main section.teach-apply ul.box li:first-child p.teach-apply__tel,
	div.teach-main section.teach-apply ul.box li:first-child p.teach-apply__tel--sp,
	div.teach-main section.teach-apply ul.box li:first-child p.teach-apply__mail{
		font-size: 16px;
		margin-bottom: 12px;
	}
	
	div.teach-main section.teach-apply ul.box li:first-child p.teach-apply__tel span,
	div.teach-main section.teach-apply ul.box li:first-child p.teach-apply__tel--sp span{
		font-size: 13px;
	}
	
	div.teach-main section.teach-apply ul.box li:first-child p.teach-apply__mail {
		margin-bottom: 18px;
	}
	
	div.teach-main section.teach-apply ul.box li:last-child{
		width: 80%;
		margin: 15px auto 0;
	}
	
	div.teach-main section.teach-apply ul.box li:last-child img{
		width: 100%;
		height: auto;
	}
	
}