@charset "UTF-8";
.font-nsj { font-family: 'Noto Sans JP', sans-serif; }

.font-kaku { font-family: 'Zen Kaku Gothic New', sans-serif; }

.font-num { font-family: 'Josefin Sans', sans-serif; }

#knowledge { background: url("../img/knowledge/bg_body.png"); }

/* ------------------------------ ページタイトル
------------------------------ */
.pagettl2 { background: url("../img/knowledge/bg_title.png"); font-size: 3.4rem; }

/* ------------------------------ レイアウト
------------------------------ */
.lnav { margin-bottom: 110px; }
.lnav ul { display: flex; justify-content: center; }
@media screen and (max-width: 750px) { .lnav ul { display: block; } }
.lnav ul li { width: 37.2%; margin-right: 5.5%; }
@media screen and (max-width: 750px) { .lnav ul li { width: 100%; margin-right: 0; margin-bottom: 20px; } }
.lnav ul li:last-child { margin-right: 0; }
@media screen and (max-width: 750px) { .lnav ul li:last-child { margin-bottom: 0; } }
.lnav ul li a { display: flex; align-items: center; justify-content: center; text-decoration: none; padding: 40px 20px; border: 1px solid #6cc61e; background-color: #fff; font-size: 3.0rem; font-weight: 700; color: #6cc61e; text-align: center; line-height: 1; border-radius: 0.5em; box-shadow: 8px 8px 0px 0px #e1e1e1; }
@media screen and (max-width: 750px) { .lnav ul li a { padding: 20px; font-size: 2.2rem; } }
.lnav ul li a .ico { margin-left: 0.5em; }

.knowledge-heading { margin-bottom: 100px; font-size: 4rem; text-align: center; letter-spacing: 0.2em; }
@media screen and (max-width: 750px) { .knowledge-heading { margin-bottom: 40px; padding-bottom: 40px; font-size: 2.6rem; letter-spacing: 0em; line-height: 1.2; } }
.knowledge-heading .heading-bg { padding-bottom: 45px; background: url("../img/common/line_g.png") repeat-x left bottom; }
@media screen and (max-width: 750px) { .knowledge-heading .heading-bg { padding-bottom: 30px; } }

.box01 { margin-bottom: 200px; }
.box01 .box-fukidashi { margin-bottom: 60px; }
.box01 .box-fukidashi .fukidashi-lead { position: relative; width: 75.6%; margin: 0 auto 10px; }
@media screen and (max-width: 960px) { .box01 .box-fukidashi .fukidashi-lead { width: 100%; } }
.box01 .box-fukidashi .fukidashi-lead figcaption { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: flex-start; justify-content: center; padding: 100px 20px 10px; font-size: 2.8rem; font-weight: 700; color: #6cc61e; text-align: center; }
@media screen and (max-width: 1050px) { .box01 .box-fukidashi .fukidashi-lead figcaption { align-items: center; padding-top: 20px; } }
@media screen and (max-width: 750px) { .box01 .box-fukidashi .fukidashi-lead figcaption { font-size: 1.4rem; } }
.box01 .box-fukidashi .fukidashi-fig { width: 42.7%; margin: 0 auto; }
@media screen and (max-width: 750px) { .box01 .box-fukidashi .fukidashi-fig { width: 100%; } }
.box01 .box-sengen { margin-bottom: 110px; }
.box01 .box-sengen .sengen-box { margin-bottom: 70px; padding: 20px; background-color: #fff; box-shadow: 12px 4px 20px 0px rgba(0, 0, 0, 0.2); }
.box01 .box-sengen .sengen-box .sengen-box-in { padding: 90px 75px; border: 1px solid #6cc61e; }
@media screen and (max-width: 750px) { .box01 .box-sengen .sengen-box .sengen-box-in { padding: 40px 20px; } }
.box01 .box-sengen .sengen-box .sengen-heading { margin-bottom: 60px; font-size: 4.0rem; color: #6cc61e; text-align: center; }
@media screen and (max-width: 750px) { .box01 .box-sengen .sengen-box .sengen-heading { font-size: 2rem; } }
.box01 .box-sengen .sengen-box .sengen-heading small { font-size: 3.0rem; }
@media screen and (max-width: 750px) { .box01 .box-sengen .sengen-box .sengen-heading small { font-size: 1.6rem; } }
.box01 .box-sengen .sengen-box .sengen-lead { margin-bottom: 45px; font-size: 2.3rem; font-weight: 700; }
@media screen and (max-width: 750px) { .box01 .box-sengen .sengen-box .sengen-lead { font-size: 1.8rem; } }
.box01 .box-sengen .sengen-box .sengen-lead small { font-size: 2.0rem; }
@media screen and (max-width: 750px) { .box01 .box-sengen .sengen-box .sengen-lead small { font-size: 1.4rem; } }
.box01 .box-sengen .sengen-box .sengen-name { display: flex; align-items: center; justify-content: center; }
@media screen and (max-width: 750px) { .box01 .box-sengen .sengen-box .sengen-name { display: block; } }
.box01 .box-sengen .sengen-box .sengen-name dl { display: flex; align-items: center; margin-bottom: 25px; }
@media screen and (max-width: 750px) { .box01 .box-sengen .sengen-box .sengen-name dl { display: block; margin-bottom: 40px; } }
.box01 .box-sengen .sengen-box .sengen-name dl dt { flex: 1; margin-right: 50px; font-size: 2.0rem; font-weight: 700; text-align: right; }
@media screen and (max-width: 750px) { .box01 .box-sengen .sengen-box .sengen-name dl dt { margin-right: 0; margin-bottom: 20px; text-align: left; } }
.box01 .box-sengen .btn { display: flex; align-items: center; justify-content: center; text-decoration: none; width: 100%; max-width: 700px; margin: 0 auto; padding: 25px 20px; border: 1px solid #000; background-color: #fff; font-size: 2.0rem; font-weight: 700; text-align: center; box-shadow: 4px 4px 0px 0px #6cc61e; transition: all .6s; }
@media screen and (max-width: 750px) { .box01 .box-sengen .btn { font-size: 1.6rem; } }
.box01 .box-sengen .btn:hover { opacity: 0.7; }
.box01 .box-sengen .btn .ico { width: 44px; margin-right: 1em; }
.box01 .box-sengen .btn.btn_file { padding: 15px 20px; }
.box01 .box-event .event-heading { margin-bottom: 50px; padding: 10px 15px; background: url("../img/meeting/bg_heading.png") no-repeat right center; background-size: cover; font-size: 2.5rem; font-weight: 700; color: #fff; }
.box01 .box-event .event-fig { margin-bottom: 40px; padding: 20px; border: 2px solid #6cc61e; background-color: #fff; }
.box01 .box-event .event-lead { margin-bottom: 100px; font-size: 2.5rem; font-weight: 700; text-align: center; }
.box01 .box-event .event-txt { font-size: 2.0rem; font-weight: 700; }
.box01 .box-event dl { margin-bottom: 65px; }
.box01 .box-event dl dt { max-width: 395px; margin-bottom: 30px; padding: 10px 25px; background: url("../img/meeting/bg_heading.png") no-repeat right center; background-size: cover; font-size: 2.0rem; font-weight: 700; color: #fff; }
.box01 .box-event dl dd { font-size: 2.0rem; font-weight: 700; }

.box02 .knowledge-heading { margin-bottom: 80px; }
.box02 .box-item { position: relative; max-width: 800px; margin: 0 auto 100px; padding: 40px 50px 40px 130px; border: 1px solid #64c3cf; background-color: #fff; box-shadow: 4px 4px 0px 0px #e1e1e1; }
@media screen and (max-width: 1050px) { .box02 .box-item { padding-top: 80px; } }
@media screen and (max-width: 750px) { .box02 .box-item { padding: 60px 40px 40px; } }
.box02 .box-item .item-icon { position: absolute; top: 50%; left: 0; width: 25.5%; margin-top: -11.375%; margin-left: -12.75%; }
@media screen and (max-width: 1050px) { .box02 .box-item .item-icon { top: 0; margin-left: -1.25%; } }
.box02 .box-item .item-heading { font-size: 3.2rem; color: #64c3cf; }
@media screen and (max-width: 750px) { .box02 .box-item .item-heading { font-size: 2.6rem; } }
.box02 .box-item .item-txt { margin-top: 30px; font-size: 2.0rem; font-weight: 700; }

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