@charset "utf-8";

.thirdbox .p01{background-color: #c29313;color:#fff !important;}


.advicebox .shortpagetitleex{display: -webkit-flex;display: flex;-webkit-justify-content: flex-start;justify-content: flex-start;}
.advicebox .shortpagetitleex .point{display: block;padding: 0 20px;}
.lessonbox{display: -webkit-flex;display: flex;  -webkit-flex-wrap: wrap;flex-wrap: wrap;}


.wnew .shortpagetitleex.matome{text-align: center;border-top: 1px solid #7a6a56;border-bottom: 1px solid #7a6a56;line-height: 1.5;padding-top: 20px;padding-bottom: 20px;}

@media screen and (min-width: 1300px) {


/*.lessonbox div.lessonin{width: 15%;}
.lessonbox div.lessondott{width: 10%;letter-spacing: -0.1em;}
.lessonbox div.lessondetail{width: 74%;}*/
}
@media screen and (max-width: 1299px) {
/*.lessonbox{display: -webkit-flex;display: flex;  -webkit-flex-wrap: wrap;flex-wrap: wrap;}
.lessonbox div.lessonin{width: 25%;}
.lessonbox div.lessondott{width: 10%;letter-spacing: -0.1em;}
.lessonbox div.lessondetail{width: 64%;}*/
.advicebox .shortpagetitleex .point{padding: 0 0 0 5px;}
}
@media screen and (max-width: 1000px) {
/*.lessonbox{display: -webkit-flex;display: flex;  -webkit-flex-wrap: wrap;flex-wrap: wrap;}
.lessonbox div.lessonin{width: 25%;}
.lessonbox div.lessondott{width: 6%;letter-spacing: -0.1em;}
.lessonbox div.lessondetail{width: 68%;}*/


}
@media screen and (min-width: 769px) {
.lessonbox{margin-top: 10px;}

.point01 .lessonbox div.lessonin{width: 11em;}
.point01 .lessonbox div.lessondott{width: 6em;}

.point02 .lessonbox div.lessonin{width: 15em;}
.point02 .lessonbox div.lessondott{width: 6em;}

.point03 .lessonbox div.lessonin{width: 15em;}
.point03 .lessonbox div.lessondott{width: 6em;}

.yugabox h3.numboxtit{font-size: 1.4rem;margin: 0 !important;padding: 0 !important;text-indent: 0 !important;width: 16em;}
.yugabox h3.numboxtit span{font-size: 1.4rem;margin-right: 10px;}

.yugabox{display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 10px;margin-top: 15px;}

}
@media screen and (max-width: 768px) {
.advicebox .shortpagetitleex{-webkit-flex-direction: column;flex-direction: column;}
.advicebox .shortpagetitleex .point{border-bottom: 1px solid #7a6a56;padding-bottom: 10px;margin-bottom: 10px;}

.lessonbox .lessondetail{margin-left: 1em;}

.yugabox h3.numboxtit{font-size: 1.2rem;margin: 0 !important;padding: 0 !important;text-indent: 0 !important;}
.yugabox h3.numboxtit span{font-size: 1.2rem;margin-right: 10px;}

.yugabox{margin-bottom: 10px;margin-top: 15px;}
.yugabox .text{margin-left: 3em;}

}