body{
		font-family: a-otf-ud-shin-go-pr6n, sans-serif;
		font-weight: 300;
		font-style: normal;
	}
	
    table{
    	width: 100%;
    }
    
    table th{
    	border: 1px solid #dde6f5;
    	background-color: #eee;
    	padding: 20px;
    }
    
    table td{
    	border: 1px solid #dde6f5;
    	padding: 20px;
    }

	a{
	    color: #000;
	}
	
	a:hover{
	    text-decoration: none;
	}
	
	div.permit h2,div.product h2{
		font-size: 1.8em !important;
		color: #01068a;
		text-align: center;
	}
	
	div.permit h2 + p{
	    font-size: 1.3em;
	}
	
	div.product{
		margin-top: 100px;
	}
	
	article.programbutton{
		margin-top: 100px;
		padding: 0 20px;
	}
	
	article.programbutton img{
	    max-width: 100%;
	}
	
	article.programbutton ul{
		text-align: center;
		list-style-type: none;
		padding: 0;
	}

	article.product{
		margin-bottom: 100px;
	}

	article.product h3{
		font-size: 1.3em;
		color: #fff;
		background-color: #01068a;
		text-align: center;
		padding: 10px;
	}
	
	article.product h4{
		font-size: 1.3em;
		color: #01068a;
		background-color: #dde6f5;
		text-align: center;
		padding: 5px;
	}
	
	article.product img{
		width: 100%;
	}
	
	article.product .group{
		display: flex;
		justify-content: center;
		margin: 50px 0 50px 0;
	}
	
	article.product .group div{
		margin-right: 1%;
	}
	
	article.product .group div:last-child{
		margin-right: 0;
	}
	
	article.product figure figcaption{
		font-size: 0.9em;
		font-weight: bold;
		color: #01068a;
		text-align: center;
	}
	
	article.product aside{
		width: 40%;
		border: 3px solid #01068a;
		box-shadow: 10px 10px 0 #ccc;
		margin: 0 auto;
		padding: 20px;
	}
	
	article.product aside b{
		font-size: 2em;
		color: #000;
		font-weight: bold;
	}
	
	article.product aside span{
		display: inline-block;
		color: #fff;
		background-color: #5daaeb;
		margin-right: 10px;
		padding: 0 10px;
	}
	
	div.category h2{
		font-size: 1em;
		color: #01068a;
		text-align: center;
		border-bottom: 1px solid #01068a;
		padding: 5px;
	}

	.ec-newItemRole .ec-newItemRole__list{
		justify-content: center;
		flex-wrap: wrap;
	}
	
	.globalnavi{
		display: block;
		background-color: #01068a;
	}

	.globalnavi nav ul{
		display: flex;
		justify-content:center;
		list-style-type: none;
	}

	.globalnavi nav ul li{
		margin-right: 5%;
	}

	.globalnavi nav ul li:last-child{
		margin-right: 0;
	}

	.globalnavi nav ul a{
		display: block;
		font-size: 1.1em;
		color: #fff;
		padding: 10px;
	}

	.ec-newItemRole .ec-newItemRole__listItem{
		border: 3px solid #eee;
		padding: 10px;
	}

	.ec-footerRole{
		background-color: #01068a !important;
	}

    .ec-newItemRole .ec-newItemRole__listItemPrice{
        font-size: 14px;
        color: #DE5D50;
    }

    .method{
        font-size: 16px;
        margin-top: 60px;
        padding: 0 20px;
    }
    
    .method aside{
        margin: 20px 0;
    }
    
    .method h2{
        font-size: 18px;
        color: #000;
        font-weight: bold;
        letter-spacing: .2em;
    }
    
    .method h2:before{
        content:'■';
    }
    
    .method h3{
        font-size: 16px;
        color: #000;
        font-weight: bold;
        letter-spacing: .2em;
        margin-top: 60px;
    }
    
    .method h3:before{
        content:'・';
    }
    
    .method table th{
        width: 80%;
    }
    
    .method table td{
        text-align: right;
    }
    
    .method .price{
        width: auto;
        border: none;
        border-radius: 0;
        box-shadow: none;
        text-align: left;
        margin: 0;
        padding: 0px;
    }
    
    .delivery,.shipping{
        margin: 30px 0;
    }
    
    .online:before{
        content: '※';
    }
    
    .online{
        color: #ff0000;
    }

	@media screen and (max-width:768px){
		div.permit{
			padding-left: 20px;
			padding-right: 20px;
		}
		
		div.permit h2,div.product h2{
			font-size: 1.2em !important;
		}
		
		div.product{
			padding-left: 20px;
			padding-right: 20px;
		}
		
		article.product h3,article.product h4{
			font-size: 1em;
		}
		
		article.product .group{
			flex-wrap: wrap;
		}
		
		article.product .group div{
			flex-basis: 49%;
			margin-right: 1%;
		}
		
		article.product .group div:nth-child(even){
			margin-right: 0;
		}
		
		article.product aside{
			width: 100%;
		}

		.globalnavi{
			display: none;
		}
	}
	
div.couse {
    margin-bottom: 200px;
}
div.couse:last-child{
    margin-bottom: 0;
}
div.couse p{
    font-size: 1.2em;
}
div.program{
    margin-top: 100px;
}
div.program section.box{
    flex-basis: 226px;
}
div.program h2 {
    font-size: 3em;
    color: #01068a;
    text-align: center;
    margin: 0 0 20px 0;
}
div.program h3 {
    width: 100vw;
    font-size: 2.5em;
    color: #fff;
    background-color: #01068a;
    border-bottom: 20px solid #dde6f5;
    text-align: center;
    margin: 0 calc(50% - 50vw) 50px;
    padding: 20px;
}
div.program h4 {
    font-size: 1.4em;
    color: #fff;
    background-color: #01068a;
    text-align: center;
    margin: 0;
    padding: 5px;
}
div.program h5 {
    font-size: 1.2em;
    font-weight: bold;
    color: #01068a;
    text-align: center;
    margin: 0 0 20px 0;
}
div.program .image {
    max-width: 50%;
    margin: 0 auto 10px auto;
}
div.program .image img {
    width: 100%;
    border: 5px solid #eee;
}
article.program {
    display: flex;
    margin-bottom: 50px;
}
article.program2 {
    display: flex;
    justify-content: center;
}
article.program3 {
    background-color: #dde6f5;
    padding: 30px;
}
article.program3 p{
    font-size: 1.2em;
    margin-bottom: 20px;
}
.arrow {
    font-size: 3em;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}
.arrow:before {
    display: block;
    font-family: "Font Awesome 5 Free";
    content: '\f35a';
    color: #01068a;
    font-weight: bold;
}
div.program div.box {
    background-color: #dde6f5;
    padding: 10px;
}
article.program2 span {
    display: inline-block;
    height: 31px;
    font-size: 1.3em;
    color: #fff;
    background-color: #01068a;
    text-align: center;
    margin: 0 1% 0 0;
    padding: 5px;
}
div.program aside p:before {
    content: '※';
}
.price {
    width: 50%;
    border: 3px solid #01068a;
    border-radius: 20px;
    box-shadow: 10px 10px 0 #ccc;
    text-align: center;
    margin: 50px auto 0 auto;
    padding: 30px;
}
.price b {
    display: inline-block;
    font-size: 3em;
    color: #000;
    font-weight: bold;
    margin-left: 20px;
}
.couse ol li {
    margin-bottom: 20px;
}
.couse ol b {
    display: inline-block;
    margin-left: 20px;
}

@media screen and (max-width:768px) {
div.program {
    padding-left: 20px;
    padding-right: 20px;
}
div.program section.box{
    flex-basis: 100%;
}
div.program h2, div.program h2 {
    font-size: 1.6em !important;
}
div.program h3 {
    font-size: 1.5em;
}
div.program h4 {
    font-size: 1em;
}
article.program {
    display: block;
}
article.program2 {
    display: block;
    margin-bottom: 10px;
}
article.program3 {
    padding: 10px;
}
.arrow:before {
    content: '\f358';
}
.price {
    width: 90%;
}
.price b {
    font-size: 1.5em;
}
}