@media all and (min-width: 771px) {
.pcmenu{display:inherit!important;}
.spmenu{display:none!important;}
.hagoromo-ad,
.naniwa-ad{
    width: 100%;
}
.naniwa-box p,
.naniwa-ad p{
    font-size:14px;
    line-height:18px;
    display: block;
}
.hagoromo-box p,
.hagoromo-ad p{
    font-size:14px;
    line-height:20px;
    display: block;
}
.hagoromo-course h3,
.naniwa-course h3{    
    font-size:16px;
}
.naniwa-top{
    position: absolute;
    left: 65%; 
    top: 250px;
}
.hagoromo-top{
    position: absolute;
    left: 5%; 
    top: 250px;
    
}
.hagoromo-top h3{
    font-size:35px;
    margin:0px;
    
}
.hagoromo-top h4{
    font-size:20px;
    margin:0px;
}
.naniwa-box{
    clear: both;
    border-top: double 6px #46446d;
}
.naniwa-box .box-head{
    border-bottom: solid 2px #46446d;
}
.naniwa-box .box-head .box-num{
    float: left;
    font-size: 25px;
    line-height: 50px; 
    text-align: center; 
    width: 50px;
    height: 50px; 
    border-radius: 25px; 
    background-color: #46446d; 
    color: #fff; 
    margin-left: 15px;
    margin-right: 5px;
}
.naniwa-box h2{
    margin: 0;
    background-color: #fff; 
    text-align: left;
}
.naniwa-box .naniwa-kousoku{
    border: solid 2px #c3c5e2;
    border-radius: 10px; 
    padding: 10px; 
    margin-left: 20px;
    margin-bottom: 10px; 
    width: 45%;
}
.naniwa-box .naniwa-kousoku2{
    background-color: #c3c5e2;
    padding: 10px; 
    margin-left: 20px;
    margin-bottom: 10px; 
    width: 45%;
}
.naniwa-box .naniwa-kousoku p{
    font-size: 14px; 
    margin: 0;
}
.naniwa-box .naniwa-course{
    width: 20%; 
    height: 250px; 
    border-radius: 10px; 
    background-color: #89c997;
    float: left; 
    padding: 10px; 
    margin-top: 40px; 
    margin-bottom: 30px;
    margin-left:1%;
}
.hagoromo-box{
    clear: both;
    padding:5px;
    border-top: double 6px #46446d;
    width:100%;
}
.hagoromo-box .hagoromo-course{
    width: 20%; 
    height: 150px; 
    border-radius: 10px; 
    background-color: #ADD9ED;
    float: left; 
    padding: 10px; 
    margin-top: 10px; 
    margin-bottom: 15px;
    margin-left:1%;
}
.hagoromo-box .box-head{
    border-bottom: solid 2px #46446d;
    height:60px;
}
.hagoromo-box .box-head .box-num{
    float: left;
    font-size: 20px;
    line-height: 40px; 
    text-align: center; 
    width: 40px;
    height: 40px; 
    border-radius: 20px; 
    background-color: #d4f6ff; 
    color: #22155d; 
    border:1px #22155d solid;
    margin-left: 15px;
    margin-top:5px;
    margin-right: 5px;
}
.hagoromo-box .box-head .box-num2{
    float: left;
    font-size: 20px;
    line-height: 40px; 
    text-align: center; 
    width: 40px;
    height: 40px; 
    border-radius: 20px; 
    background-color: #ffcae1; 
    color: #22155d; 
    border:1px #22155d solid;
    margin-left: 15px;
    margin-top:5px;
    margin-right: 5px;
}
.hagoromo-box h2{
    margin: 0;
    background-color: #fff; 
    text-align: left;
    font-size:20px;
    line-height: 40px;
}
.naniwa-koe{
    background-color: #fff45c; 
    padding-left: 10px; 
    height: 60px;
}
.naniwa-koe h3{
    margin: 0; 
    line-height: 70px;
}
.koe-box{
    border: solid 1px #ccc;
    border-radius:3px;
    margin: 5px 5%;
    padding:5px 10px;
    font-size:14px;
}
.hagoromo-point{
    background:#ffcae1;
    border-radius: 15px;
    padding:5px;
    margin-top:10px;
    height:auto;
    overflow:hidden;
    font-size:14px;
}
.hagoromo-point img{
    float: left;
    margin-right: 10px;
    width:15%;
}
.hagoromo-point p{
    font-size:14px;
    line-height: 18px;
    float:left;
    width:70%;
}
.naniwa-homepage{
    text-align: center;
    width: 45%; 
    height: 50px; 
    line-height: 50px;
    font-size: 30px; 
    color: #fff; 
    margin: 0 auto; 
    border-radius:5px;
    background-color: #32b16c;
}
.naniwa-homepage:hover{
    background: #89c997;
}
.hagoromo-homepage{
    text-align: center;
    width: 45%; 
    height: 50px; 
    line-height: 50px;
    font-size: 30px; 
    color: #fff; 
    margin: 0 auto; 
    border-radius:5px;
    background-color: #9c0700;
}
.hagoromo-homepage:hover{
    background:#E23C0C;
}
}
@media screen and (max-width: 770px) {
.pcmenu{display:none!important;}
.spmenu{display:inherit!important;}

.naniwa-ad,
.hagoromo-ad{
    width: 100%;
}
.hagoromo-box p,
.hagoromo-ad p,
.naniwa-box p,
.naniwa-ad p{
    font-size:14px;
    line-height:18px;
    display: block;
    margin-block-start: 0px;
    margin-block-end: 0px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
.hagoromo-course h3
.naniwa-course h3{    
    font-size:16px;
}
.hagoromo-top,
.naniwa-top{
    width:95%;
    margin:0px auto;
    text-align:center;
}
.hagoromo-top h3{
    font-size:35px;
    margin:0px;
    text-align:center;
}
.hagoromo-top h4{
    font-size:20px;
    margin:0px;
    text-align:center;
}
.naniwa-box{
    clear: both;
    padding:5px;
    border-top: double 6px #46446d;
    width:100%;
}
.naniwa-box p{
    padding: 10px;
}
.naniwa-box .box-head{
    border-bottom: solid 2px #46446d;
}
.naniwa-box .box-head .box-num{
    float: left;
    font-size: 25px;
    line-height: 50px; 
    text-align: center; 
    width: 50px;
    height: 50px; 
    border-radius: 25px; 
    background-color: #46446d; 
    color: #fff; 
    margin-left: 5px;
}
.hagoromo-box h2,
.naniwa-box h2{
    margin: 0;
    background-color: #fff; 
    text-align: left;
}
.naniwa-box .naniwa-kousoku{
    border: solid 2px #c3c5e2;
    border-radius: 10px; 
    padding: 5px 10px;
    margin:10px;
}
.naniwa-box .naniwa-kousoku2{
    background-color: #c3c5e2;
    padding: 5px 10px;
    margin:10px;
}
.naniwa-box .naniwa-kousoku p{
    font-size: 14px; 
    margin: 0;
}
.naniwa-box .naniwa-course{
    width: 90%; 
    height: auto; 
    border-radius: 10px; 
    background-color: #89c997;
    padding: 5px 10px; 
    margin: 5px;
}
.naniwa-koe{
    background-color: #fff45c; 
    padding-left: 10px; 
    height: 60px;
}
.naniwa-koe h3{
    margin: 0; 
    line-height: 70px;
}
.koe-box{
    border: solid 1px #ccc;
    border-radius:3px;
    margin: 5px 5%;
    padding:5px 10px;
    font-size:14px;
}
.naniwa-homepage{
    text-align: center;
    width: 90%; 
    height: 50px; 
    line-height: 50px;
    font-size: 20px; 
    color: #fff; 
    margin: 0 auto; 
    border-radius:5px;
    background: #32b16c;
}
.naniwa-homepage:hover{
    background: #89c997;
}
.hagoromo-homepage{
    text-align: center;
    width: 90%; 
    height: 50px; 
    line-height: 50px;
    font-size: 20px; 
    color: #fff; 
    margin: 0 auto; 
    border-radius:5px;
    background: #9c0700;
}
.hagoromo-homepage:hover{
    background:#E23C0C;
}
.hagoromo-box{
    clear: both;
    padding:5px;
    border-top: double 6px #46446d;
    width:100%;
}
.hagoromo-box .hagoromo-course{
    width: 90%; 
    height: auto; 
    border-radius: 10px; 
    background-color: #ADD9ED;
    padding: 5px 10px; 
    margin: 5px;
}
.hagoromo-box .box-head{
    border-bottom: solid 2px #46446d;
    height:65px;
}
.hagoromo-box .box-head .box-num{
    float: left;
    font-size: 20px;
    line-height: 40px; 
    text-align: center; 
    width: 40px;
    height: 40px; 
    border-radius: 20px; 
    background-color: #d4f6ff; 
    color: #22155d; 
    border:1px #22155d solid;
    margin-left: 15px;
    margin-top:5px;
    margin-right: 5px;
}
.hagoromo-box .box-head .box-num2{
    float: left;
    font-size: 20px;
    line-height: 40px; 
    text-align: center; 
    width: 40px;
    height: 40px; 
    border-radius: 20px; 
    background-color: #ffcae1; 
    color: #22155d; 
    border:1px #22155d solid;
    margin-left: 15px;
    margin-top:5px;
    margin-right: 5px;
}
.hagoromo-point{
    margin:10px auto;
    background:#ffcae1;
    width:90%;
    border-radius: 15px;
    clear:both;
    height:auto;
    padding:5px;
}
.hagoromo-point img{
    width:80%;
    margin:0px auto;
}
.hagoromo-point p{
    padding:1px;
    font-size:14px;
    line-height: 18px;
}
}
.hagoromo-box h4{
  position: relative;
  padding-left: 1.2em;/*アイコン分のスペース*/
  line-height: 1.4;
}
.hagoromo-box h4:before {
  font-family: "Font Awesome 5 Free";
  content: "\f00c";/*アイコンのユニコード*/
  position: absolute;/*絶対位置*/
  font-size: 1em;/*サイズ*/
  left: 0;/*アイコンの位置*/
  top: 0;/*アイコンの位置*/
  color: #5ab9ff; /*アイコン色*/
}