@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700&display=swap');
#main {font-family: 'Noto Sans JP', sans-serif;color: #4a4a4a;line-height: 2;font-weight: 300;}
/*! アニメーションをする部分は透過させておく */
.animation{opacity:0}
.animate{opacity:1;-webkit-transition:.9s;transition:.9s}
/*! アニメーションに関する記述終了 */
/*! ヘッダー */
#module_titleArea{margin-top:23px;display:-ms-flexbox;display:-webkit-flex;display:flex}
#module_titleArea .categoryTitlePC{display:block}
#module_titleArea .categoryTitlePC:nth-child(2){position:relative}
#module_titleArea .categoryTitlePC:nth-child(2) img{position:absolute;top:6px;left:13px}
#module_titleArea .categoryTitleSp{color:#333;font-size:1.43em;display:none;font-weight:700;padding:12px 0 10px 10px;line-height:1.8}
#module_titleArea .categoryTitleSp:before{content:'';display:inline-block;border-radius:4px;width:4px;height:22px;position:relative;top:2px;background-color:#e60000;margin-right:10px}
/*! 改行トグル */
.spBreak{display:none}
.pcBreak{display:inline}
/*! リンク */
a:hover{text-decoration:none}
img{vertical-align:bottom}
.content-footer a:hover,.content-header a:hover,.content-header--nav a:hover,.global-footer a:hover{text-decoration:underline}
.content-footer a:not([href]):hover,.content-header a:not([href]):hover,.content-header--nav a:not([href]):hover,.global-footer a:not([href]):hover{text-decoration:none}
.content-footer img,.content-header img,.content-header--nav img,.global-footer img{vertical-align:inherit}
.content-header--nav img{vertical-align: middle;}
/*! -------------------- メインビジュアル -------------------- */
.mainVisual{position:relative;text-align:center;height:400px;color:#fff;background-position:center center;background-size:cover}
.mainVisual .logo{position:absolute;top:80px;right:11.71875%;width:92px}
.mainVisual .numberImg{margin-top:110px;width:40px;padding-bottom:14px;border-bottom:1px solid #fff}
.mainVisual .mainVisualHeading{font-size:40px;font-weight:700;margin:25px 0 15px}
.mainVisual .mainVisualSubheading{font-size:18px;line-height:30px}
.mainVisual1{background-image:url(../img/main_01.jpg)}
.mainVisual2{background-image:url(../img/main_02.jpg)}
.mainVisual3{background-image:url(../img/main_03.jpg)}
.mainVisual4{background-image:url(../img/main_04.jpg)}
.mainVisual5{background-image:url(../img/main_05.jpg)}
/*! -------------------- 説明文 -------------------- */
.explanationWrap{background-color:#f5f5f5;padding-bottom:69px}
.explanationWrap.knowledge-representation{padding-bottom:100px}
.explanationWrap .explanation{width:90%;max-width:800px;margin:0 auto}
.explanationWrap .explanation .explanationHeading{text-align:center;font-size:30px;font-weight:700}
.explanationWrap .explanation .explanationHeading1{padding:65px 0 30px}
.explanationWrap .explanation .explanationHeading2{padding:65px 0 0}
.explanationWrap .explanation .explanationImg{height:271px;background-image:url(../img/brain.png);background-repeat:no-repeat;background-position:center center;background-size:contain;margin:25px 0}
.explanationWrap .explanation .explanationImg .explanationImgString{padding-top:82px;font-size:24px;font-weight:700;line-height:49px;color:#09549c;text-align:center;letter-spacing:8px}
.explanationWrap .explanation .explanationBody{font-size:16px;line-height:26px;margin-bottom:26px}
.explanationWrap .explanation .explanationBodyLast{margin-bottom:0}
.explanationWrap .explanation .explanationPicture{border:1px solid #aeaeae;background-color:#fff;text-align:center;font-size:18px;font-weight:700}
.explanationWrap .explanation .explanationPicture .explanationPictureImg{width:100%}
.explanationWrap .explanation .explanationPicture1{margin:55px 0 30px}
.explanationWrap .explanation .explanationPicture2{margin:55px 0 0}
.explanationWrap.knowledge-representation .explanation .explanationPicture2{margin:50px 0 40px}
.explanationWrap .explanation .explanationImgFigure{text-align:center;font-size:16px;line-height:23px;margin-top:20px}
/*! -------------------- 別ページへのリンク -------------------- */
.otherTechnologyWrap{color:#fff;background-color:#0d1328}
.otherTechnologyWrap .otherTechnology{width:90%;max-width:980px;margin:0 auto;padding:65px 0 30px;border-bottom:1px solid #565a69;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:-ms-space-between;justify-content:-webkit-space-between;justify-content:space-between}
.otherTechnologyWrap .otherTechnology .otherTechnologies{position:relative;font-size:17px;font-weight:700;width:19.388%;max-width:239px;height:110px;background-size:cover;background-position:center center}
/* .otherTechnologyWrap .otherTechnology .otherTechnologies a:before{content:'';display:block;width:30px;height:30px;background-image:url(../../img/arrow_big.png);background-repeat:no-repeat;background-size:cover;position:absolute;top:0;bottom:0;left:6.5%;margin:auto 0} */
.otherTechnologyWrap .otherTechnology .otherTechnologies .otherTechnologiesNumber{width:30px;position:absolute;top:27px;left:6.125%;border-bottom:1px solid #fff;padding-bottom:5px}
.otherTechnologyWrap .otherTechnology .otherTechnologies .otherTechnologiesHeading{position:absolute;top:67px;left:6.125%;font-size: 15px;}
.otherTechnologyWrap .otherTechnology .otherTechnologies .otherTechnologiesHover{position:absolute;width:100%;height:100%}
.otherTechnologyWrap .otherTechnology .otherTechnologies .otherTechnologiesHover:hover{background-color:rgba(255,255,255,.2)}
.otherTechnologyWrap .otherTechnology .otherTechnologies .thisTechnology{position:absolute;background-color:rgba(0,0,0,.7);width:100%;height:100%}
.otherTechnologyWrap .otherTechnology .otherTechnologies a{display:block;height:100%;color:#fff}
.otherTechnologyWrap .otherTechnology .otherTechnologies1{background-image:url(../../img/tech_bg_01.jpg)}
.otherTechnologyWrap .otherTechnology .otherTechnologies2{background-image:url(../../img/tech_bg_02.jpg)}
.otherTechnologyWrap .otherTechnology .otherTechnologies3{background-image:url(../../img/tech_bg_03.jpg)}
.otherTechnologyWrap .otherTechnology .otherTechnologies4{background-image:url(../../img/tech_bg_04.jpg)}
.otherTechnologyWrap .otherTechnology .otherTechnologies5{background-image:url(../../img/tech_bg_05.jpg)}
.otherTechnologyWrap .goTopPage{height:106px;text-align:center}
.otherTechnologyWrap .goTopPage a{color:#fff;font-size:18px;display:inline-block;padding:10px 20px;margin-top:30px}
.otherTechnologyWrap .goTopPage a:hover{text-decoration:underline}
.otherTechnologyWrap .goTopPage a:before{content:'';display:inline-block;width:15px;height:15px;background-image:url(../../img/arrow_back.png);background-repeat:no-repeat;background-size:cover;margin-right:9px}
/*! -------------------- お問い合わせ -------------------- */
.contact{position:relative;text-align:center;font-weight:700;color:#fff;height:300px;background-image:url(../../img/contact.jpg);background-size:cover;background-position:center center}
.contact .contactHeading{font-size:32px;padding:80px 0 35px}
.contact .contactLink{color:#fff;position:relative;width:348px;margin:0 auto;font-size:16px;line-height:58px;border:1px solid #fff;background-color:rgba(255,255,255,.1)}
.contact .contactLink:hover{background-color:rgba(255,255,255,.3);-webkit-transition:.2s;transition:.2s}
.contact .contactLink:before{content:'';display:block;width:30px;height:30px;background-image:url(../../img/arrow_big.png);background-repeat:no-repeat;background-size:cover;position:absolute;top:0;bottom:0;left:25px;margin:auto 0}
.global_footer{margin-top:0}
/*! -------------------- ページトップへ戻る -------------------- */
.pageTop .goTopImg{z-index:20;width:45px;position:fixed;right:10%;bottom:0;visibility:hidden;opacity:0}
@media screen and (max-width:767px){
#module_titleArea{margin:0;width:80%}
#module_titleArea .categoryTitlePC{display:none}
#module_titleArea .categoryTitleSp{display:block}
.spBreak{display:inline}
.pcBreak{display:none}
.mainVisual{height:281px;background-image:url(../img/main_sp_01.jpg)}
.mainVisual .logo{top:31px;right:6.25%;width:57px}
.mainVisual .numberImg{margin-top:80px;width:28px;padding-bottom:7px;border-bottom:1px solid #fff}
.mainVisual .mainVisualHeading{font-size:25px;margin:23px 0 18px}
.mainVisual .mainVisualSubheading{font-size:14px;line-height:22px}
.mainVisual1{background-image:url(../img/main_sp_01.jpg)}
.mainVisual2{background-image:url(../img/main_sp_02.jpg)}
.mainVisual3{background-image:url(../img/main_sp_03.jpg)}
.mainVisual4{background-image:url(../img/main_sp_04.jpg)}
.mainVisual5{background-image:url(../img/main_sp_05.jpg)}
.explanationWrap{padding-bottom:61px}
.explanationWrap .explanation{width:90%;margin:0 auto}
.explanationWrap .explanation .explanationHeading{font-size:20px}
.explanationWrap .explanation .explanationHeading1{padding:57px 0 25px}
.explanationWrap .explanation .explanationHeading2{padding:70px 0 0}
.explanationWrap .explanation .explanationImg{height:178px;margin:38px 0 33px}
.explanationWrap .explanation .explanationImg .explanationImgString{padding-top:55px;font-size:18px;line-height:32px;letter-spacing:4px}
.explanationWrap .explanation .explanationBody{font-size:14px;line-height:23px;margin-bottom:23px}
.explanationWrap .explanation .explanationBodyLast{margin-bottom:0}
.explanationWrap .explanation .explanationPicture{font-size:14px;font-weight:700}
.explanationWrap.knowledge-representation .explanation .explanationPicture2{margin:41px 0 30px}
.explanationWrap.knowledge-representation{padding-bottom:61px}
.explanationWrap .explanation .explanationPicture1{margin:41px 0 30px}
.explanationWrap .explanation .explanationImgFigure{font-size:14px;line-height:23px;margin-top:10px}
.otherTechnologyWrap .otherTechnology{max-width:280px;width:87.5%;padding:61px 0 30px;display:block;border-bottom:2px solid #565a69}
.otherTechnologyWrap .otherTechnology .otherTechnologies{font-size:18px;width:100%;max-width:none;height:100px}
.otherTechnologyWrap .otherTechnology .otherTechnologies .otherTechnologiesNumber{width:26px;top:25px;border-bottom:1px solid #fff;padding-bottom:4px}
.otherTechnologyWrap .otherTechnology .otherTechnologies .otherTechnologiesHeading{top:55px}
.otherTechnologyWrap .otherTechnology .otherTechnologies1,.otherTechnologyWrap .otherTechnology .otherTechnologies2,.otherTechnologyWrap .otherTechnology .otherTechnologies3,.otherTechnologyWrap .otherTechnology .otherTechnologies4{margin-bottom:20px}
.otherTechnologyWrap .goTopPage a{font-weight:400;font-size:16px;margin-top:35px}
.contact{height:211px;background-image:url(../../img/contact_sp.jpg)}
.contact .contactHeading{font-size:20px;padding:54px 0 36px}
.contact .contactLink{width:95%;max-width:228px;font-size:14px;line-height:48px}
.contact .contactLink:before{width:20px;height:20px;left:12px}
.pageTop .goTopImg{right:6.25%}
}
@media screen and (min-width:768px){
.pagetop .arr_pagetop::before {border-top: 2px solid #fff;border-right: 2px solid #fff;}
}