@charset "utf-8";
/* Urawakari Education1 */
.factsEdu1 .box{margin: 0 0 30px;}
.factsEdu1 .col2{border-top: 1px solid rgba(112,112,112,0.35);}
.factsEdu1 .btn{margin: 20px auto 0; height: 67px; color: #fff;}

@media screen and (min-width: 769px) {
    .factsEdu1 .box{display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%;}
    .factsEdu1 .col1{width: 49.3%;}
    .factsEdu1 .col2{width: 47.7%;}
}

@media screen and (max-width: 768px) {
    .factsEdu1 .col1{margin: 0 0 40px;}
}

.accordion{border-bottom: 1px solid rgba(112,112,112,0.35); font-size: 1.3rem; line-height: 1.8;}
.accordion-head{background: rgba(206,221,229,0.28); padding: 17px 50px 17px 10px; position: relative; cursor: pointer;}
.accordion-head::after{content: ""; border: solid #3F1F21; border-width: 0 1px 1px 0; display: inline-block; padding: 5px; transform: rotate(-45deg); position: absolute; top: 50%; right: 20px; margin-top: -5px;}
.accordion-head.is-open::after{transform: rotate(45deg); margin-top: -7px;}

.accordion-list{background: #fff; padding: 15px 10px; border-top: 1px solid rgba(112,112,112,0.35); display: none;}
.accordion-list li{position: relative; padding: 0 0 0 28px; margin: 0 0 9px;}

.accordion-list span{width: 18px; height: 18px; position: absolute; top: 3px; left: 0; display: block; background: #3F2121; color: #fff; font-size: 1.1rem; text-align: center; letter-spacing: 0; line-height: 1.5; font-weight: 500; font-family: "Montserrat", sans-serif;}
.accordion-list .txt-space{letter-spacing: -0.01em;}

/* Modal */
.lity-content #listMap{display: block;}
.tpl-button.tpl-modal{display: flex !important;}

#listMap{width: 1000px; padding: 30px; background: #f8f7f5; display: none; height: calc(100vh - 60px); overflow: auto;}
#listMap .cap{line-height: 1.6;}
.listMap-tit{font-size: 1.8rem; line-height: 1.2; padding: 10px 0; text-align: center; color: #fff; background: #3F2121; width: 100%; max-width: 746px; margin: 0 auto 15px; font-weight: 500;}

.listMap-img{max-width: 746px; width: 100%; margin: 0 auto 40px;}
.listMap-img .cap{text-align: right; margin: 3px 0 0 0;}

.listMap-list{display: flex; justify-content: space-between; width: 100%; flex-wrap: wrap; font-weight: 500; margin: 0 0 30px;}
.listMap-list ul{width: 48%;}
.listMap-list li{display: flex; justify-content: space-between; width: 100%; margin: 0 0 15px;}
.listMap-list p:nth-of-type(1){font-size: 1.2rem; line-height: 1.5; position: relative; padding: 0 0 0 24px; position: relative;}
.listMap-list p:nth-of-type(1) span{width: 18px; height: 18px; color: #fff; background: #3F2121; display: block; position: absolute; top: 2px; left: 0; text-align: center; line-height: 1.5; font-family: "Montserrat", sans-serif; font-size: 1.1rem;}
.listMap-list p:nth-of-type(2){text-align: right; font-size: 1.4rem; line-height: 1.4;}

@media screen and (max-width: 1100px) {
    #listMap{width: calc(100vw - 40px); padding: 20px; height: calc(100vh - 70px);}
    .listMap-list ul{width: 100%;}    
}

@media screen and (max-width: 480px) {
    .listMap-list li{display: block;}    
    .listMap-list p:nth-of-type(2){}
}