.section01 {
    margin: 0 auto 10px;
}

#contents .section01 p {
    padding-bottom: 0px;
}

.bg-wrapper01 {
    padding: 35px 0 10px;
}

.sectitle {
    border-bottom: 0px solid #57422b;
    padding-bottom: 2px;
    margin: 0 0 10px 0;
}

.sectitle h4 {
    text-align: center;
    border-bottom: 1px solid #57422b;
    padding-bottom: 8px;
    font-size: 1.5rem;
    color: #57422b;
}

.col_box01 {
    margin: 0 0 30px 0;
    border-bottom: 1px dashed #e2d3c2;
    color: #333333;
}

.col02_left{
   padding-bottom: 30px;
}

.col02_left_img {
    padding-bottom: 25px;
}

.col02_right{
	padding: 0 0 20px 15px;
}

#contents .col02_right p{
    font-size: 14px;
}

.col_box03 .col02_right {	
	padding: 20px;	
	margin-bottom: 25px;	
}

.col_box03 .col02_right_img {
    text-align: center;
}

#contents .point_box p:last-child{
    padding-bottom: 0;
}

.col_box01 .list_mark,
.col_box02 .list_mark {
    padding-top: 10px;
    padding-right: 12px;
    width: 10%;
}

.col_box01 .list_txt,
.col_box02 .list_txt {
    width: 90%;
}

.point_box_new {
    width: 100%;
	background-color: #FFFFFF;
	padding: 15px !important;
	margin-bottom: 30px !important;
}



.lesson_box02 .col02_right {
    margin: 30px 0 20px;
    text-align: center;
}

.col01_make .col02_left,.col01_make .col02_right {
    padding:0;
}

.col01_make .col02_left_img,.col01_make .col02_right_img {
    padding: 0 15px 25px 0;
}

.col_box01.col01_make {
    padding-bottom: 25px;
}

.span_12 .bg01 .col01_img {
    width: 78%;
    margin: 0 auto;
    padding: 0 0 15px 0;
}

#contents .section01 .bg01 .col01_img p.caption {
    text-align: left;
    padding: 6px 10px 0;
}

.span_12 .bg01 div:last-child {
    padding: 0;
}

.col_box03 .col02_left p {
    padding: 0 30px 20px 0;
}

.col02_right .lesson_box02-1 {
    margin-top: 30px;
}


.link_box .link_box_inner .col02_left,
.link_box .link_box_inner .col02_right {
    text-align: center;
    padding: 0 10px;
    width: 50%;
}



/*共通 */
.mg-auto {
    margin: 0 auto;
    overflow: hidden;
}

/*767px 以下の画面幅て適用する CSS*/
@media screen and (max-width:767px){

#opentitle p {
    width: 72%;
}

.section01 {
    margin: 0 12px 10px;
}

.bg-wrapper01 {
    padding: 25px 0px 0px;
}

.sectitle h4 {
    font-size: 1.2rem;
}

.col02_left{
   padding-bottom: 0px;
}


.col02_left_img,
.col02_right_img {
	text-align: center;
}

.row.col_box02 .col02_left_img {
    padding-bottom: 20px;
}

.col02_right {
    padding: 0;
}

.col_box03 .col02_left p {
    padding: 0 0 20px 0;
}

.point_box.point_box_inner02 .col02_right {
    width: 100%;
}

.col02_right_img {
	margin: 0 auto;
}

.section02 .col02_right {
    padding-top: 25px;
}

.span_12 .bg01 .col01_img {
    width: 100%;
}

.col_box01 .list_mark,
.col_box02 .list_mark {
    padding-top: 8px;
    padding-right: 12px;
    width: 10%;
}

.link_box .link_box_inner .col02_left,
.link_box .link_box_inner .col02_right {
    width: 50%;
}

}
/*767px 以下の画面幅て適用する CSSここまで*/



/*768px 以上の画面幅て適用する CSS*/
@media screen and (min-width:768px){


.section01 {
    width: 89%;
}

.col02_left{
}

.col02_left_img{}

.col02_right{
	padding: 0 0 0 20px;
}



}
/*768px 以上の画面幅て適用する CSSここまで*/


/*780px 以下の画面幅て適用する CSS*/
@media screen and (max-width:780px){

}
/*780px 以下の画面幅て適用する CSSここまで*/


/*767px 以下の画面幅て適用する CSS*/
@media screen and (max-width:767px){

}
/*767px 以内の画面幅て適用する CSSここまで*/


/*400px 以下の画面幅て適用する CSS*/
@media screen and (max-width:400px){

.col_box01 .list_mark,
.col_box02 .list_mark {
    padding-top: 8px;
    padding-right: 12px;
    width: 10%;
}

}
/*400px 以内の画面幅て適用する CSSここまで*/