@charset "UTF-8";

h3 span{
    font-size: 20px;
}
.column .float-box_half {
    width: 50%;
    max-width: 440px;
}

.column .float-box_half.left_box {
    float: left;
    margin-right: 40px;
}

.column .float-box_half.right_box {
    float: right;
}

.col-all img {
    width: 100%;
    max-width: 300px;
    height: auto;
    display: block;
    margin: 0 auto;
}
.float-box_half p{
    width:100%;
    max-width: 300px;
    margin:0 auto;
}
span.name{
    font-size: 20px;
}
p.lead{
    color:#fff;
}
.kawai-juku #wrapper .blue-area .btn-box{
    margin-top:40px;
}
.kawai-juku #wrapper .blue-area .btn-box a{
    background:#fff;
    color:#0072ba;
}
.kawai-juku #wrapper .blue-area .btn-box a:hover{
    background:#e5f5ff;
}

.kawai-juku #wrapper .blue-area .h3-site-open {
	font-size:30px;
	}

.kawai-juku #wrapper .blue-area .h3-site-open span {
	font-size:24px;
	}

.kawai-juku #wrapper .blue-area .btn-ad-kawai {
	width:400px;
	}

@media screen and (max-width: 640px) {
    .column .float-box_half {
        width: 100%;
        max-width: 440px;
        margin-right: 0;
    }
    .column .float-box_half.left_box {
        float: none;
        margin-right: 40px;
    }
    .column .float-box_half.right_box {
        float: none;
    }
    .col-all img {
    max-width: 300px;
}

.kawai-juku #wrapper .blue-area img {
	width:100%;
	height:auto;
	}

}

@media screen and (max-width: 480px) {
	span.name {
    font-size: 16px;
}

.kawai-juku #wrapper .blue-area .h3-site-open {
	font-size:20px;
	}

.kawai-juku #wrapper .blue-area .h3-site-open span,
.kawai-juku #wrapper .blue-area h3 span {
	font-size:16px;
	}
	
.kawai-juku #wrapper .blue-area .btn-ad-kawai {
	width:90%;
	}
	
	}