#sec03{padding:104px 0}#sec03 .function_area{justify-content:flex-start;margin-top:34px}#sec03 .function_area>li{align-items:flex-start;background:#fff;border-radius:4px;display:flex;flex-wrap:wrap;margin:30px 3% 0 0;padding:30px 3rem;text-align:center;width:31%}#sec03 .function_area>li:nth-child(3n){margin-right:0}#sec03 .function_area>li.on{cursor:pointer}#sec03 .function_area>li.on:hover{opacity:.5}.function_area>li>p{color:#326295;font-size:18px;font-weight:700;line-height:1.5;margin-bottom:35px;text-align:center;width:100%}.function_area>li>img{display:block;margin:0 auto;width:95%}.modal{height:100vh;position:fixed;top:0;width:100%;z-index:9999}.modal,.modal.off{display:none}.modal__bg{background:rgba(0,0,0,.8);height:100vh;position:absolute;width:100%}.modal__content{background:#fff;border:14px solid #eef6ff;box-sizing:border-box;left:50%;padding:40px 8%;position:absolute;position:relative;text-align:center;top:50%;transform:translate(-50%,-50%);width:50%}.modal_ttl{color:#326295;font-size:24px;font-weight:700;margin-bottom:20px}.modal_txt{font-size:16px}.modal__content>img{display:block;margin:0 auto;width:90%}.modal_btn{border:2px solid #326295;border-radius:50px;box-shadow:0 3px #326295;color:#326295;display:block;margin:25px auto 0;padding:8px 0;position:relative;top:0;transition:.2s ease-in-out;width:55%}.modal_btn:hover{box-shadow:0 0 #326295;top:3px}.modal_btn>img{margin-left:10px;width:7.5%}a.js-modal-close{background:#fff;border:2px solid #000;border-radius:100px;font-size:17px;font-weight:700;height:35px;line-height:32px;position:absolute;right:-25px;text-align:center;top:-20px;width:35px}a.js-modal-close:hover{color:#000}@media (max-width:768px){#sec03{padding:64px 0}#sec03 .function_area{justify-content:space-between;margin:48px auto 0;width:96%}#sec03 .function_area>li{margin:16px 0 0;padding:20px 3%;width:48%}#sec03 .function_area>li:first-child{margin-top:0;width:100%}#sec03 .function_area>li:nth-child(2n){margin-right:0}.function_area>li>p{font-size:16px;line-height:1.5;margin-bottom:15px}.function_area>li>img{width:100%}#sec03 .function_area>li:first-child>img{width:70%}.modal__content{border:10px solid #eef6ff;padding:25px 2%;width:92%}.modal_ttl{font-size:18px;margin-bottom:15px}.modal_txt{font-size:14px}.modal__content>img{width:80%}.modal_btn{font-size:14px;width:80%}a.js-modal-close{right:-20px}}