@charset "UTF-8";
.ins-con { width: 100%; max-width: 1040px; margin-inline: auto; }

.ins-heading { margin-bottom: 30px; font-size: 3.0rem; font-weight: 700; text-align: center; }
@media screen and (max-width: 750px) { .ins-heading { margin-bottom: 7.1428571429%; font-size: 1.8461538462rem; } }

.ins-list { padding: 70px 0 100px; }
@media screen and (max-width: 750px) { .ins-list { padding: 6.25% 0; } }
.ins-list .ins-lead { margin-bottom: 50px; text-align: center; }
@media screen and (max-width: 750px) { .ins-list .ins-lead { margin-bottom: 5.7142857143%; } }
.ins-list .ins-list-form { position: sticky; top: 120px; left: 0; z-index: 9999; width: 100%; padding-block: 20px; background-color: #fff; }
@media screen and (max-width: 750px) { .ins-list .ins-list-form { top: 75px; padding-block: 2.8571428571%; } }
.ins-list .ins-list-form dl { display: flex; justify-content: center; }
@media screen and (max-width: 750px) { .ins-list .ins-list-form dl { display: block; } }
.ins-list .ins-list-form dl dt { margin-right: 1em; padding-top: 5px; font-size: 1.8rem; }
@media screen and (max-width: 750px) { .ins-list .ins-list-form dl dt { margin-right: 0; margin-bottom: 5px; padding-top: 0; font-size: 1.6rem; } }
.ins-list .ins-list-form dl dd { width: 570px; }
@media screen and (max-width: 750px) { .ins-list .ins-list-form dl dd { width: 100%; } }
.ins-list .ins-list-form dl dd form { display: flex; align-items: center; justify-content: space-between; margin-bottom: 3px; }
.ins-list .ins-list-form dl dd input { flex: 1; width: 100%; padding: 5px 10px; font-size: 1.8rem; border-radius: 5px; }
@media screen and (max-width: 750px) { .ins-list .ins-list-form dl dd input { font-size: 1.6rem; } }
.ins-list .ins-list-form dl dd button { width: 70px; margin-left: 10px; padding: 10px 5px; background-color: #07512e; font-size: 1.8rem; color: #fff; text-align: center; line-height: 1; border-radius: 5px; }
@media screen and (max-width: 750px) { .ins-list .ins-list-form dl dd button { font-size: 1.6rem; } }
.ins-list .ins-list-form dl dd button._reset { background-color: #000; }
.ins-list .ins-list-disp._hide { display: none; }
.ins-list .ins-list-area { display: flex; flex-wrap: wrap; gap: 30px 1.6346153846%; margin-top: 35px; margin-bottom: 100px; }
@media screen and (max-width: 750px) { .ins-list .ins-list-area { flex-direction: column; gap: 60px 0; width: 85.7142857143%; margin: 8.5714285714% auto 0; } }
.ins-list .ins-list-area li { width: 32.2115384615%; background-color: #f2ede4; border: 1px solid #000; }
@media screen and (max-width: 750px) { .ins-list .ins-list-area li { width: 100%; } }
.ins-list .ins-list-area li._hide { display: none; }
.ins-list .ins-list-area li .ins-list-wrap { padding: 20px 15px 15px; }
@media screen and (max-width: 750px) { .ins-list .ins-list-area li .ins-list-wrap { padding: 6.6666666667% 5.8333333333% 5%; } }
.ins-list .ins-list-area li .ins-list-top { margin-bottom: 15px; }
@media screen and (max-width: 750px) { .ins-list .ins-list-area li .ins-list-top { margin-bottom: 2.9850746269%; } }
.ins-list .ins-list-area li .ins-list-top .ins-list-ttl { margin-bottom: 5px; font-size: 2.0rem; font-weight: 700; color: #07512e; height: 3.2em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
@media screen and (max-width: 750px) { .ins-list .ins-list-area li .ins-list-top .ins-list-ttl { font-size: 2.1538461538rem; } }
.ins-list .ins-list-area li .ins-list-top .ins-list-address { margin-bottom: 10px; height: 4.8em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
@media screen and (max-width: 750px) { .ins-list .ins-list-area li .ins-list-top .ins-list-address { font-size: 1.6rem; } }
.ins-list .ins-list-area li .ins-list-top .ins-list-tel a { display: block; text-decoration: none; padding: 10px 5px; background-color: #603813; font-size: 2.0rem; font-weight: 700; color: #fff !important; text-align: center; border-radius: 5px; line-height: 1; }
@media screen and (max-width: 750px) { .ins-list .ins-list-area li .ins-list-top .ins-list-tel a { display: block; pointer-events: auto; font-size: 2.1538461538rem; } }
.ins-list .ins-list-area li .ins-type { margin-bottom: 20px; }
@media screen and (max-width: 750px) { .ins-list .ins-list-area li .ins-type { margin-bottom: 8.9552238806%; } }
.ins-list .ins-list-area li .ins-type .ins-type-item { margin-bottom: 5px; }
@media screen and (max-width: 750px) { .ins-list .ins-list-area li .ins-type .ins-type-item { margin-bottom: 5.9701492537%; } }
.ins-list .ins-list-area li .ins-type .ins-type-item .span01 { display: block; width: 100%; margin: 0 0 5px 0; padding: 0 0 5px 0; background: none; border-bottom: 1px solid #603813; font-size: 1.8rem; font-weight: 700; color: #603813; text-align: center; }
@media screen and (max-width: 750px) { .ins-list .ins-list-area li .ins-type .ins-type-item .span01 { font-size: 1.8461538462rem; } }
.ins-list .ins-list-area li .ins-type .ins-type-item .span02 { flex: 1; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; }
@media screen and (max-width: 750px) { .ins-list .ins-list-area li .ins-type .ins-type-item .span02 { font-size: 1.6rem; } }
.ins-list .ins-list-area li .ins-type .ins-type-item._item01 .span02 { height: 3.2em; -webkit-line-clamp: 2; }
@media screen and (max-width: 750px) { .ins-list .ins-list-area li .ins-type .ins-type-item._item01 .span02 { height: 4.8em; -webkit-line-clamp: 3; } }
.ins-list .ins-list-area li .ins-type .ins-type-item._item02 .span02 { height: 4.8em; -webkit-line-clamp: 3; }
@media screen and (max-width: 750px) { .ins-list .ins-list-area li .ins-type .ins-type-item._item02 .span02 { height: 6.4em; -webkit-line-clamp: 4; } }
.ins-list .ins-list-area li .ins-type .ins-type-item._item03 .span02 { height: 1.6em; -webkit-line-clamp: 1; }
.ins-list .ins-list-area li .ins-web { margin-bottom: 15px; }
.ins-list .ins-list-area li .ins-web a { display: flex; align-items: center; justify-content: center; text-decoration: none; padding: 10px; background-color: #07512e; font-size: 2.0rem; font-weight: 700; text-align: center; color: #fff; border-radius: 5px; line-height: 1; }
@media screen and (max-width: 750px) { .ins-list .ins-list-area li .ins-web a { font-size: 2.1538461538rem; } }
.ins-list .ins-list-area li .ins-web a .ico { width: 1.5em; margin-right: 5px; }
@media screen and (max-width: 750px) { .ins-list .ins-list-area li .ins-web a .ico { width: 1em; } }
.ins-list .ins-list-area li .ins-sns { display: flex; justify-content: center; column-gap: 10.4918032787%; height: 2.4em; }
.ins-list .ins-list-area li .ins-sns p { width: 11.4754098361%; }
.ins-list .ins-list-area li .ins-info { display: block; width: 100%; padding: 15px; background-color: #000; font-size: 2.0rem; text-align: center; color: #fff; font-weight: 700; cursor: pointer; line-height: 1; }
@media screen and (max-width: 750px) { .ins-list .ins-list-area li .ins-info { font-size: 2.1538461538rem; } }
.ins-list .ins-list-data { display: none; }
.ins-list .ins-list-txt { padding-left: 1em; text-indent: -1em; }
@media screen and (max-width: 750px) { .ins-list .ins-list-txt { font-size: 1.4153846154rem; } }
.ins-list .ins-list-txt a { color: #0052E3; }

.pager._hide { display: none; }
.pager ol { display: flex; align-items: center; justify-content: center; column-gap: 10px; }
.pager ol li button { display: flex; align-items: center; justify-content: center; text-decoration: none; min-width: 3rem; height: 3rem; border: 1px solid #f8f8f8; border-radius: 5px; font-size: 1.4rem; text-align: center; color: #000; line-height: 1; transition: all .6s; }
.pager ol li button:hover, .pager ol li button.active { background-color: #004b16; border: 1px solid #004b16; color: #fff; }

/* ------------------------------ 検索　モーダル
------------------------------ */
.js-modalopen { overflow: hidden; }

.modal-institution { display: none; position: fixed; top: 0; left: 0; z-index: 99999; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); }
.modal-institution .modal-in { position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 20px; overflow-y: auto; }
.modal-institution .modal-con { position: relative; width: 100%; max-width: 600px; margin: auto; background-color: #fff; }
@media screen and (max-width: 750px) { .modal-institution .modal-con { max-width: 100%; } }
.modal-institution .modal-header { position: relative; padding: 15px 20px; background: radial-gradient(#0a5d34, #093b24); }
.modal-institution .modal-header .modal-logo { width: 100%; max-width: 255px; margin: 0 auto; }
@media screen and (max-width: 750px) { .modal-institution .modal-header .modal-logo { max-width: 200px; } }
.modal-institution .modal-header .modal-close { position: absolute; top: 50%; right: 0; width: 70px; margin-top: -35px; margin-right: 30px; cursor: pointer; }
@media screen and (max-width: 750px) { .modal-institution .modal-header .modal-close { width: 40px; margin-top: -20px; margin-right: 20px; } }
.modal-institution .modal-box { width: 100%; max-width: 640px; margin: 0 auto; padding-inline: 20px; }
@media screen and (max-width: 750px) { .modal-institution .modal-box { padding-inline: 3.75%; } }
.modal-institution .modal-main { line-height: 1.6; }
.modal-institution .modal-main._hide { display: none; }
.modal-institution .modal-main .modal-contents { padding: 35px 0 20px; }
.modal-institution .modal-main .modal-contents .modal-name { margin-bottom: 20px; font-size: 3rem; font-weight: 700; }
@media screen and (max-width: 750px) { .modal-institution .modal-main .modal-contents .modal-name { font-size: 2.3384615385rem; } }
.modal-institution .modal-main .modal-contents .modal-add { margin-bottom: 30px; font-size: 2rem; }
@media screen and (max-width: 750px) { .modal-institution .modal-main .modal-contents .modal-add { font-size: 2.1538461538rem; } }
.modal-institution .modal-main .modal-contents .modal-link { display: flex; justify-content: space-between; gap: 20px 6.6666666667%; margin-bottom: 30px; }
@media screen and (max-width: 750px) { .modal-institution .modal-main .modal-contents .modal-link { flex-direction: column; } }
.modal-institution .modal-main .modal-contents .modal-link p { width: 46.6666666667%; }
@media screen and (max-width: 750px) { .modal-institution .modal-main .modal-contents .modal-link p { width: 100%; } }
.modal-institution .modal-main .modal-contents .modal-link p a { display: flex; align-items: center; justify-content: center; text-decoration: none; height: 100%; padding: 10px; background-color: #07512e; font-size: 2.0rem; text-align: center; color: #fff !important; border-radius: 5px; line-height: 1; }
@media screen and (max-width: 750px) { .modal-institution .modal-main .modal-contents .modal-link p a { font-size: 2.1538461538rem; } }
.modal-institution .modal-main .modal-contents .modal-link p a .ico { width: 1.5em; margin-right: 5px; }
@media screen and (max-width: 750px) { .modal-institution .modal-main .modal-contents .modal-link p a .ico { width: 1em; } }
.modal-institution .modal-main .modal-contents .modal-sns { display: flex; column-gap: 6.6666666667%; margin-bottom: 20px; padding-bottom: 30px; border-bottom: 1px solid #000; }
.modal-institution .modal-main .modal-contents .modal-sns p { width: 11.6666666667%; }
.modal-institution .modal-main .modal-contents .modal-item dl { display: flex; align-items: center; margin-bottom: 20px; }
@media screen and (max-width: 750px) { .modal-institution .modal-main .modal-contents .modal-item dl { flex-direction: column; } }
.modal-institution .modal-main .modal-contents .modal-item dl:last-child { margin-bottom: 0; }
.modal-institution .modal-main .modal-contents .modal-item dl.ai-fs { align-items: flex-start; }
.modal-institution .modal-main .modal-contents .modal-item dl dt { width: 12em; margin-right: 1em; padding: 15px 5px; background-color: #666; font-size: 2rem; text-align: center; color: #fff; border-radius: 5px; line-height: 1; }
@media screen and (max-width: 750px) { .modal-institution .modal-main .modal-contents .modal-item dl dt { margin-bottom: 10px; margin-right: 0; font-size: 2.1538461538rem; } }
.modal-institution .modal-main .modal-contents .modal-item dl dd { flex: 1; font-size: 1.8rem; line-height: 1.4; }
@media screen and (max-width: 750px) { .modal-institution .modal-main .modal-contents .modal-item dl dd { font-size: 1.8461538462rem; } }
.modal-institution .modal-main .modal-rate { padding: 20px 0 30px; background-color: #07512e; }
.modal-institution .modal-main .modal-rate .modal-heading { margin-bottom: 20px; font-size: 3rem; text-align: center; color: #fff; font-weight: 700; }
@media screen and (max-width: 750px) { .modal-institution .modal-main .modal-rate .modal-heading { font-size: 1.8461538462rem; } }
.modal-institution .modal-main .modal-rate .modal-rate-main { display: flex; align-items: center; }
@media screen and (max-width: 750px) { .modal-institution .modal-main .modal-rate .modal-rate-main { column-gap: 4%; } }
.modal-institution .modal-main .modal-rate .modal-rate-main .modal-heading { margin-bottom: 0; text-align: left; }
.modal-institution .modal-main .modal-rate .modal-rate-main .modal-rate-item { flex: 1; }
@media screen and (max-width: 750px) { .modal-institution .modal-main .modal-rate .modal-rate-main .modal-rate-item { width: 48%; } }
.modal-institution .modal-main .modal-rate .modal-rate-main .modal-rate-item figure { width: 66.6666666667%; margin-inline: auto; }
.modal-institution .modal-main .modal-rate .modal-rate-main .modal-rate-item p { margin-top: 10px; font-size: 1.8rem; text-align: center; font-weight: 700; color: #fff; line-height: 1; }
@media screen and (max-width: 750px) { .modal-institution .modal-main .modal-rate .modal-rate-main .modal-rate-item p { font-size: 1.8461538462rem; } }
.modal-institution .modal-main .modal-check .tabmenu { display: flex; margin-top: 40px; }
.modal-institution .modal-main .modal-check .tabmenu._hide { display: none; }
.modal-institution .modal-main .modal-check .tabmenu li { width: 50%; padding: 20px 50px 10px; border-top-style: solid; border-top-width: 10px; font-size: 2rem; font-weight: 700; line-height: 1; cursor: pointer; }
@media screen and (max-width: 750px) { .modal-institution .modal-main .modal-check .tabmenu li { padding: 20px 10px; font-size: 1.8461538462rem; text-align: center; } }
.modal-institution .modal-main .modal-check .tabmenu li span { opacity: 0.4; }
.modal-institution .modal-main .modal-check .tabmenu li.active span { opacity: 1; }
.modal-institution .modal-main .modal-check .tabmenu li._laser { border-top-color: #a66329; background-color: #f2e9e4; text-align: right; color: #a66329; }
@media screen and (max-width: 750px) { .modal-institution .modal-main .modal-check .tabmenu li._laser { text-align: center; } }
.modal-institution .modal-main .modal-check .tabmenu li._icl { border-top-color: #e48354; background-color: #f2f2f2; color: #e48354; }
.modal-institution .modal-main .modal-check .tabcontents .tab { padding: 40px 0 60px; }
.modal-institution .modal-main .modal-check .tabcontents .tab._laser { background-color: #f2e9e4; }
.modal-institution .modal-main .modal-check .tabcontents .tab._icl { background-color: #f2f2f2; }
.modal-institution .modal-main .modal-check .tabcontents .tab .modal-close02 { display: block; width: 100%; margin-top: 30px; padding: 15px; background: radial-gradient(#0a5d34, #093b24); font-size: 2.0rem; text-align: center; color: #fff; font-weight: 700; background-image: 1; }
@media screen and (max-width: 750px) { .modal-institution .modal-main .modal-check .tabcontents .tab .modal-close02 { font-size: 2.1538461538rem; } }
.modal-institution .modal-footer { padding: 15px 20px; background: radial-gradient(#0a5d34, #093b24); }
.modal-institution .modal-footer p { color: #c79f62; text-align: center; }

.js-modalinstitutionopen { overflow: hidden; }

/*# sourceMappingURL=institution.css.map */