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

.mgn-item{
	margin-left:-80px;
	}

.ttl-mgn2{
margin-left: 92px;
	}

.cap-02,.cap-03,.cap-04{
	position:absolute;
	z-index:-1;
	}

.cap-02{
	right: -6%;
        top: 55%;
	}

.cap-03{
	right: 10%;
    bottom: -89%;
	}

.cap-04{
	left: -37%;
    top: 10%;
	}
	
	
.local-ttl-1{
    line-height: 2.5;
    letter-spacing: 2px;
    margin: 36px auto;
    background-color: #f3e4ff;
    
    font-family: serif , NSimSun , 'SimSun' , 'Yu Mincho';
    font-size: 34px;
}

.tb-1 {
    margin: 14% auto;
}

th {
    text-align: left;
}

.c-txt{
	font-size: 15px;
    font-family: serif , NSimSun , 'SimSun' , 'Yu Mincho';
    letter-spacing: 2px;
    font-weight: 500;
    /* margin-left: 20px; */
    border-left: 5px solid #4b0082;
    padding-left: 18px;
}
.local-ttl-2{
    line-height: 1.4;
    letter-spacing: 2px;
    background-color: #4b0082;
    color: #fff;
    padding: 24px;
    width: 350px;
    font-family: serif , NSimSun , 'SimSun' , 'Yu Mincho';
    font-size: 24px;
}
.small-1{
    font-size: 50%;
}
.local-ttl-3 {
    font-size: 24px;
    border-bottom: solid 1px;

    padding: 0 0 16px;
    line-height: 1.4;
    color: #4b0082;
}
.tb-2 .deco-1 {
color: #4b0082;
    border: 2px solid;
    padding: 1px 10px;
}
.tb-2 .td-1 {
    font-weight: bold;
    color: #808080;
}
.tb-2 td, .tb-2 th {
        padding: 8px 14px;
}

.local-mt-1 {
    margin-top: 60px;
}

.local-box-1 {
    padding: 10px;
}

.local-text-1 {
    width: 55%;
}

.local-c-box-1 {
	width:50%;
	float:left;
}

.bg-1 {
    background-color: #f3e4ff;
    padding: 160px 0 200px;
    font-family: serif , NSimSun , 'SimSun' , 'Yu Mincho';
    margin-top: 120px;
    margin-bottom: 120px;
}

.lesson-box{

	    height: 174px;
    margin-top: 100px;
}
.lesson-box .icon {
    float: left;
    width: 15%;
	 padding: 30px;
    background-color: #fff;
	    height: 174px;
}

.lesson-box .icon span {
	    padding: 2px 10px;
    background-color: #4b0081;
    color: #fff;
	font-size: 20px;
}

.lesson-box .txt {
    float: left;
    width: 35%;
	 padding: 30px;
    background-color: #fff;
       height: 174px;
}

.lesson-box .txt span {
    color: #4b0081;
    font-size: 20px;
    font-weight: bold;
    border-bottom: solid 1px;
}


.lesson-box .img {
    float: left;
    width: 50%;
    background-color: #000;
}

.arrow::after {
    content: "";
    position: absolute;
    bottom: -60px;
    left: 0;
    right: 0;
    display: block;
    height: 0;
    width: 0;
    margin: 0 auto;
    border-top: 15px solid;
    border-right: 30px solid transparent;
    border-bottom: 0 solid transparent;
    border-left: 30px solid transparent;
	    color: #4b0082;
}

.lesson-box .txt p {
    margin-top: 14px;
 }
.local-mt-2{
    margin-top: 60px;
}

.local-mt-3{
    margin-top: 40px;
}

/*.page-deco-1 {
    position: relative;
}


.page-deco-1::before, .page-deco-1::after {
    top: -70px;
    left: 0;
    z-index: 10;
    width: 50%;
    height: 70px;
    background: inherit;
}
.page-deco-1::before, .page-deco-1::after {
    position: absolute;
    content: '';
    pointer-events: none;
}
.page-deco-1::before {
    border-radius: 0 80px 0 0;
}
.page-deco-1::after {
    left: 50%;
    border-radius: 80px 0 0 0;
}*/
.page-deco-1 {
    position: relative;

}
.page-deco-1::before {
    top: -50px;
    background: #fff;
}

.page-deco-1::before {
    left: 50%;
    width: 100px;
    height: 100px;
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
 
    position: absolute;
    content: '';
    pointer-events: none;
}
/*.page-deco-1::after {
    bottom: -50px;
    z-index: 10;
        background-color: #bfbfbf;
}*/

.voice .box {
	float:left;
	width:50%;
	    height: 250px;
}
.voice .box iframe {
	width:100%;
	height:100%;
}
@media (min-width: 768px) {

}

@media (min-width: 992px){

}