@charset "utf-8";
.program_box {border:solid 1px #ddd; padding:30px;}
.program_box img {max-width:100%; margin:0 auto; margin-bottom:15px;}
.program_box .tag {position:relative; width:100%; margin: 0 auto;}
.program_box .tag > ul {text-align:left; padding: 0px; margin: 0px;}
.program_box .tag > ul > dl {display: inline-block; font-size:1.0rem; font-weight:500; color:#5ad0b8; padding: 5px 15px; border: solid 1px #5ad0b8; border-radius: 25px; text-align: center; margin-right:5px; margin-block-start:1em;}
.program_box h2 {font-size:27px; font-weight:700; text-align:left; color:#222; margin-bottom:10px;}
.program_box .tag > ul > dd {display: inline-block; font-size:1.0rem; font-weight:500; color:#e6006d; padding: 5px 15px; border: solid 1px #e6006d; border-radius: 25px; text-align: center; margin-right:5px; margin-inline-start:0px;
margin-block-start:1em;}
.program_box p {font-size:18px; font-weight:400; text-align:left;}

.d_box1 {margin:0 auto; width: 100%; padding: 20px; text-align:center; background-color:#fff; border-radius: 20px; border: solid 2px #fff;}
.d_box1 h3 {font-size:19px; font-weight: 600; color:#a05107;}
.d_box1 img {max-width: 100px; text-align: center; padding: 10px; }
.d_box1 p {font-size: 19px; font-weight: 400; line-height: 23px; color:#222;}

.group1:hover {border: 2px solid #a05107; box-sizing: border-box; transition:0.5s;}

.d_box2_1 {background-color:#804106; font-size:21px; color:#fff; text-align:center; padding: 15px; border-radius: 30px; margin-bottom: 20px; font-weight:600;}
.d_box2 {width:100%; padding: 20px; border-radius: 20px; border: solid 2px #804106;}
.d_box2 img {width:100%;}
.d_box2 h2 {font-size:27px; font-weight:600; color:#222; text-align: left; padding-bottom:10px; border-bottom: solid 2px #804106; margin-bottom:10px;}
.d_box2 h2 span {font-size:19px; color:#fff; background-color: #804106; padding: 3px 8px;}
.d_box2 p {font-size:18px; font-weight:400; text-align: left;}

.d_box3 {display: grid; grid-template-columns: 0.5fr 2fr; gap: 2em 2em; width:80%; background-color:#fff; padding: 20px; margin: 0 auto; align-items: center;}
.d_box3_left {display: flex; justify-content: center; align-items: center; height: 50px; border-radius: 3px; font-size: 18px; font-weight: 600; text-align: center; color:#fff; background-color:#603104;}
.d_box3_right {text-align: left; font-size: 18px; color:#222; font-weight: 400;}
.d_tag {position: relative; width:100%; margin: 0 auto;}
.d_tag > ul {text-align:center; padding: 0px; margin: 0px;}
.d_tag > ul > dl {display: inline-block; font-size: 19px; font-weight:500; color:#a05107; padding: 5px 15px; border: solid 1.5px #a05107; border-radius: 25px; margin:5px;}
.d_tag > ul > a {display: inline-block; font-size: 19px; font-weight:500; color:#a05107; padding: 3px 12px; border: solid 1px #a05107; border-radius: 20px; margin:5px; background-color:#fff;}

.br_tag {background-color:#603104; padding: 5px; border-radius: 18px; text-align:center; color:#fff; font-weight:600; margin: 5px; display: inline-block; width: 150px; height: 36px;}
.mint {color:#5ad0b8;}
.pink {color:#e6006d;}
.yellow {color:#ffc600;}
.purple {color:#6f2277;}
.brown {color:#a05107;}
.dk_brown {color:#603104;}

.darkbrown {background-color:#603104;}
.blue {background-color:#3a599d;}
.bg_lb {background-color:#f8f2ed;}
.bg_w {background-color:#fff;}

.d_tag_p {font-size:18px; color:#333; font-weight:400;}

.line_1 {font-weight:700; background:linear-gradient(to top, #cdf1ea 60%, transparent 50%);}
.line_2 {font-weight:700; background:linear-gradient(to top, #fbe6ef 60%, transparent 50%);}

.faq-container {max-width: 1200px; display: flex; flex-direction: column; gap: 2rem; margin: 0 auto; padding: 0; list-style: none; padding: 0px 140px;}
.faq {position: relative; background-color: #ffffff; border-radius: 1rem; overflow: hidden; transition: 0.3s ease;}
.faq.active {box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1), 0 2px 10px rgba(0, 0, 0, 0.1);}
.faq_question {padding: 20px;}
.faq_title {margin: 0; color:#222; font-size: 18px;}
.faq_c {color:#a05107; font-weight:600; margin-right:5px;}
.faq_p {color:#c34074; font-weight:600; margin-right:5px;}

.faq_answer {max-height: 0; overflow: scroll; transition: max-height 0.3s ease-in-out;}
.faq_text {padding: 20px; color: #333; font-size: 18px;}
.faq.active .faq_answer {max-height: 200px; border-top: 1px solid silver; transition: max-height 0.3s ease-in-out;}
.faq_btn {cursor: pointer; width: 2rem; height: 2rem; display: flex; justify-content: center; align-items: center; position: absolute; top: 1rem; right: 1rem; border: 0; border-radius: 50%; font-size: 21px;}
.faq_btn:focus {outline: 0;}
.faq_icon.close {display: none;}
.faq.active .faq_icon.close {color: #b37439; display: block;}
.faq.active .faq_icon.open {display: none;}



@media screen and (max-width:768px) {
.faq-container {padding: 0px;}
.d_tag > ul > dl {font-size: 17px; padding: 3px 10px}
.d_box2_1 {font-size:18px;}
.d_box2 h2 {font-size: 23px;}
.d_box2 h2 span {font-size: 17px; padding: 3px 6px;}
}