@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;}
body{overflow-x:hidden}
/*! アニメーションをする部分は透過させておく */
.animation{opacity:0}
/*! アニメーションに関する記述終了 */
/*! ヘッダー */
#module_titleArea{margin-top:23px;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}
/*! -------------------- メインビジュアル -------------------- */
.mainVisualSky{position:relative;height:435px;background-image:url(../img/main_sky.jpg);background-size:cover;background-repeat:no-repeat;background-position:center bottom}
.mainVisualSky .maisartLogo{position:absolute;top:145px;left:0;right:0;margin:0 auto}
.mainVisualOcean{background-image:url(../img/main_ocean.jpg);background-size:cover;background-repeat:no-repeat;background-position:center top;color:#fff;text-align:center}
.mainVisualOcean .mainVisualHeading{font-weight:700;font-size:38px;line-height:60px;padding:53px 0 132px}
.mainVisualOcean .mainVisualExplanationWrap{width:87.5%;max-width:982px;margin:0 auto;border:1px solid #63686f;background-color:rgba(255,255,255,.12)}
.mainVisualOcean .mainVisualExplanationWrap .mainVisualExplanation1{font-size:18px;line-height:37px}
.mainVisualOcean .mainVisualExplanationWrap .mainVisualExplanation1_1{padding-top:86px}
.mainVisualOcean .mainVisualExplanationWrap .mainVisualExplanation1_2{padding:25px 0}
.mainVisualOcean .mainVisualExplanationWrap .mainVisualExplanation1_3{padding-bottom:47px}
.mainVisualOcean .mainVisualExplanationWrap .mainVisualExplanation2{font-size:14px;line-height:26px;padding:0 0 20px}
.mainVisualOcean .mainVisualExplanationWrap .mainVisualExplanation2:before{content:'';display:block;border-top:1px solid #fff;width:89px;margin:0 auto;padding-top:49px}
.mainVisualOcean .mainVisualExplanationWrap .mainVisualMovie{max-width:640px;margin-right:auto;margin-left:auto;padding-top:30px;margin-bottom:30px}
.mainVisualOcean .mainVisualExplanationWrap .mainVisualMovie .vjs-big-play-button{top:0!important;left:0!important;margin-left:0!important;margin-top:0!important;width:100%!important;height:100%!important;line-height:2em;border:none;border-radius:0!important;font-size:3.5em;background-color:transparent!important;background-image:url(../img/movie_btn.png)!important;background-repeat:no-repeat!important;background-size:320px 50px!important;background-position:center 240px!important;color:#fff;transition:.4s!important}
.mainVisualOcean .mainVisualExplanationWrap .mainVisualMovie .vjs-big-play-button:hover{background-image:url(../img/movie_btn_hv.png)!important}
.mainVisualOcean .mainVisualExplanationWrap .mainVisualMovie#movieCeatec2020 .vjs-big-play-button {background-image: url(../img/movie_ceatec2020_btn.png)!important;}
.mainVisualOcean .mainVisualExplanationWrap .mainVisualMovie#movieCeatec2020 .vjs-big-play-button:hover {background-image: url(../img/movie_ceatec2020_btn_hv.png)!important;}
.mainVisualOcean .mainVisualExplanationWrap .mainVisualMovie .vjs-big-play-button:before{font-size:0}
.mainVisualOcean .mainVisualExplanationWrap .mainVisualMovie .video-js .vjs-big-play-button .vjs-icon-placeholder:before{display:none}
.underline{display:inline-block;border-bottom:1px solid #fff;line-height:1;padding-bottom:3px}
/*! -------------------- スクロールアイコン -------------------- */
@keyframes moveScroll{
0%{transform:translateY(0)}
100%{transform:translateY(16px)}
}
.scrollIcon{position:fixed;display:block;bottom:28px;right:0;left:0;margin:0 auto;z-index:100;width:80px;height:80px;animation:.7s ease-in-out infinite alternate moveScroll}
/*! -------------------- テクノロジー -------------------- */
/*! 見出し */
.technology{color:#fff;background-color:#000811;text-align:center}
.technology .technologyHeading{color:#fefefe;letter-spacing:1px;padding:159px 0 3px;font-size:20px}
.technology .technologyHeadingImg{width:364px;padding-bottom:113px}
/*! コンテンツ */
.technologies{position:relative;width:90%;max-width:982px;margin:0 auto;height:547px}
.technologies .technologyImg{position:absolute;top:0;z-index:0}
.technologies .technologiesText{position:absolute;top:134px;width:80%;max-width:490px;height:314px;z-index:5;background-repeat:no-repeat;background-position:center center;background-size:cover}
.technologies .technologiesText .numberImg{position:absolute;top:-31px;right:33px}
.technologies .technologiesText .technologiesTextText{width:100%;max-width:407px;margin:0 auto}
.technologies .technologiesText .technologiesTextText .technologiesTextHeading{text-align:left;font-weight:700;font-size:37px;padding-top:57px}
.technologies .technologiesText .technologiesTextText .technologiesTextBody{text-align:left;font-size:16px;font-weight:700;line-height:27px;padding:15px 0 25px}
.technologies .technologiesText .technologiesTextText .technologiesTextMore{color:#fff;position:relative;border:1px solid #f3f9fc;background-color:rgba(255,255,255,.1);font-size:16px;line-height:57px}
.technologies .technologiesText .technologiesTextText .technologiesTextMore:hover{background-color:#f3f9fc;color:#0190d4;transition:.3s}
.technologies .technologiesText .technologiesTextText .technologiesTextMore:hover:before{background-image:url(../img/arrow_blue.png)}
.technologies .technologiesText .technologiesTextText .technologiesTextMore: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}
.technologies .technologyText1{background-image:url(../img/tech_bg_01.jpg)}
.technologies .technologyText2{background-image:url(../img/tech_bg_02.jpg)}
.technologies .technologyText2 .numberImg{left:33px}
.technologies .technologyText3{background-image:url(../img/tech_bg_03.jpg)}
.technologies .technologyText4{background-image:url(../img/tech_bg_04.jpg)}
.technologies .technologyText5{background-image:url(../img/tech_bg_05.jpg)}
.technologies .technologyText4 .numberImg{left:33px}
/*! 01 と 03 */
.technology1 .technologyImg,.technology3 .technologyImg{left:0}
.technologyText1,.technologyText3{right:50px}
/*! 02 と 04 */
.technology2 .technologyImg{right:0}
.technologyText2{left:50px}
.technology4 .technologyImg{right:0}
.technologyText4{left:50px}
/*! -------------------- ケース -------------------- */
.case{text-align:center;background-image:url(../img/case_bg.jpg);background-size:contain;background-repeat:no-repeat;background-position:center top;background-color:#f5f5f5}
.case .caseHeading{color:#0964ba;font-size:18px;padding-top:80px}
.case .caseText{width:350px;margin:20px 0 47px}
.caseContentWrap{margin:0 auto;width:90%;max-width:982px;padding-bottom:60px}
.caseContentWrap .caseSubheading{font-weight:700;font-size:22px;border-bottom:1px solid #aeaeae;padding-bottom:8px;margin-bottom:39px}
.caseContentWrap .caseContent{display:flex;flex-wrap:wrap}
.caseContentWrap .caseContent+.caseContent{margin-top:25px}
.caseContentWrap .caseContent .caseContents{position:relative;color:#333;display:block;background-color:#fff;text-align:left;width:32.07739%;box-shadow:0 0 10px 10px #ededed;margin-left:1.883910386965377%;margin-top:25px}
.caseContentWrap .caseContent .caseContents:nth-child(1),.caseContentWrap .caseContent .caseContents:nth-child(2),.caseContentWrap .caseContent .caseContents:nth-child(3){margin-top:0}
.caseContentWrap .caseContent .caseContents:nth-child(3n+1){margin-left:0}
.caseContentWrap .caseContent .caseContents:nth-child(n+7){display:none}
.caseContentWrap .caseContent .caseContents.is-viewed{display:block}
.caseContentWrap .caseContent .caseContents .caseContentsImg{width:100%}
.caseContentWrap .caseContent .caseContents .caseContentsHeading{font-weight:700;font-size:18px;width:80%;margin:0 auto;padding:30px 0 18px}
.caseContentWrap .caseContent .caseContents .caseContentsHeadingBlank:after{content:'';display:inline-block;width:14px;height:14px;background-image:url(../img/icon_blank.png);background-size:cover;background-repeat:no-repeat;margin-left:7px}
.caseContentWrap .caseContent .caseContents .caseContentsHeadingPdf:after{content:'';display:inline-block;width:14px;height:14px;background-image:url(/shared_sp/v0005/img/icon_pdf.png);background-size:cover;background-repeat:no-repeat;margin-left:7px}
.caseContentWrap .caseContent .caseContents .caseContentsBody{font-size:14px;width:80%;margin:0 auto;padding-bottom:30px}
.caseContentWrap .caseContent .caseContents .caseContentsHover{z-index:4;width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(255,255,255,.2);display:none;opacity:0}
.caseContentWrap .caseContentsMore{box-sizing:border-box;background-color:#fff;border:1px solid #ccc;color:#005e8c;display:block;font-size:16px;font-weight:700;line-height:31px;margin:40px auto 0;padding:14px 25px;width:316px}
.caseContentWrap .caseContentsMore span{background:url(/corporate/randd/maisart/img/arrow_more.png) left center/31px 31px no-repeat;display:block;padding:0 31px}
/*! -------------------- ニュース -------------------- */
.news{text-align:center;margin-bottom:100px}
.news .newsHeading{color:#0964ba;font-size:20px;padding-top:80px}
.news .newsText{width:146px;padding:20px 0 68px}
.newsContent{position:relative;width:87.5%;max-width:980px;margin:0 auto}
.newsContent .newsSubheading{font-weight:700;font-size:24px;padding-bottom:14px;border-bottom:1px solid #aeaeae;margin-bottom:19px}
.newsContent .newsContents{display:flex;border-bottom:1px solid #e6e6e6;font-size:14px;padding:21px 0 20px}
.newsContent .newsContents .newsDate{padding:0 32px 0 20px}
.newsContent .newsContents .newsTitle a:hover{text-decoration:underline}
.newsContent .newsAll{text-align:right;position:absolute;top:20px;right:12px;width:97px;line-height:20px;font-size:14px}
.newsContent .newsAll:before{content:'';display:block;width:20px;height:20px;background-image:url(../img/arrow_black.png);background-repeat:no-repeat;background-size:cover;position:absolute;top:0;bottom:0;left:0;margin:auto 0}
.relatedcontents{position:relative;width:87.5%;max-width:980px;margin:65px auto 0}
.relatedcontents .relatedSubheading{font-weight:700;font-size:24px;padding-bottom:14px;border-bottom:1px solid #aeaeae;margin-bottom:45px}
.relatedcontents .relatedcov{width:100%;max-width:880px;margin:0 auto}
.relatedcontents ul.related_lists{display:flex;flex-wrap:wrap;margin:0 calc(23 / 880 * -100%)}
.relatedcontents ul.related_lists li {margin:0 calc(23 / 926 * 100%);width:calc(185 / 926 * 100%)}
.relatedcontents ul.related_lists li:nth-of-type(n+5) {margin-top:46px;}
.relatedcontents ul.related_lists li a img{max-width:185px;width:100%}
.relatedcontents ul.related_lists li a img.blank_icon,.relatedcontents ul.related_lists li a img.pdf_icon{max-width:17px;vertical-align:middle;position:relative;top:-2px}
.relatedcontents ul.related_lists li .pdf_title{padding-top:15px}
.relatedcontents ul.related_lists li a:hover{transition:.2s;opacity:.7}
.relatedbnr{font-size:0;line-height:0;margin:40px 5% 0}
.relatedbnr a{border:1px solid #78c1f6;display:block}
.relatedbnr a img{width:100%}
.sp_only{display:none}
.policy-btn {margin-top: 124px;}
.policy-btn a {display: inline-block;max-width: 89.7959%;width: 100%;}
.policy-btn__link { color: #4a4a4a; margin: 0 auto; font-size: 16px; font-weight: 700; line-height: 98px; border: 1px solid #222; }
.policy-btn__link span {position: relative;}
.policy-btn__link span:before { content: ''; display: block; width: 30px; height: 30px; background-image: url(../img/arrow_black.png); background-repeat: no-repeat; background-size: cover; position: absolute; top: 0; bottom: 0; left: -48px; margin: auto 0; }

@media screen and (min-width:768px){
.policy-btn a{transition: opacity .2s ease-out;}
.policy-btn a:hover {opacity: 0.7;}
}
@media screen and (max-width:767px){
.policy-btn {margin-top: 60px;}
.policy-btn a{max-width:100%; width: 100%;}
.policy-btn__link { width: auto; font-size: 13px; line-height: 106px; }
.policy-btn__link span:before {width: 20px; height: 20px; left: -27px;}
}

/*! -------------------- お問い合わせ -------------------- */
.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);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}
img.ico{position:relative;display:inline-block;top:-2px;vertical-align:middle}
/*! -------------------- 追記　2020/03/04 -------------------- */
.function_nav .current span{border-bottom:1px solid #c00}
@media screen and (max-width:767px){
.animationSp{opacity:0}
.animationSp .animation{opacity:1}
#module_titleArea{margin:0;width:80%}
#module_titleArea .categoryTitlePC{display:none}
#module_titleArea .categoryTitleSp{display:block}
.spBreak{display:inline}
.pcBreak{display:none}
.mainVisualOcean .mainVisualExplanationWrap .mainVisualMovie{max-width:calc(100% - 40px)!important;margin-bottom:40px;padding-top:10px}
.mainVisualOcean .mainVisualExplanationWrap .mainVisualMovie .vjs-big-play-button{background-size:70% auto!important;background-position:center bottom 14%!important}
.mainVisualSky{height:281px}
.mainVisualSky .maisartLogo{top:80px;width:170px}
.mainVisualOcean .mainVisualHeading{font-size:22px;line-height:37px;padding:48px 0 70px}
.mainVisualOcean .mainVisualExplanationWrap{line-height:normal;width:87.5%}
.mainVisualOcean .mainVisualExplanationWrap .mainVisualExplanation1{font-size:13px;line-height:25px;padding:0;width:94%;margin:0 auto}
.mainVisualOcean .mainVisualExplanationWrap .mainVisualExplanation1_1{padding-top:40px}
.mainVisualOcean .mainVisualExplanationWrap .mainVisualExplanation1_2{padding:18px 0}
.mainVisualOcean .mainVisualExplanationWrap .mainVisualExplanation2{font-size:10px;line-height:18px;padding:34px 0 35px;width:94%;margin:0 auto}
.mainVisualOcean .mainVisualExplanationWrap .mainVisualExplanation2:before{padding-top:34px}
.technology .technologyHeading{letter-spacing:1px;padding:80px 0 8px;font-size:14px}
.technology .technologyHeadingImg{width:95%;max-width:247px;padding-bottom:40px}
.technologies{position:relative;width:100%;max-width:630px;max-width:320px;height:360px;overflow:hidden}
.technologies .technologySpImg{height:225px;background-position:center center;background-repeat:no-repeat;background-size:cover}
.technologies .technologySpImg1{background-image:url(../img/tech_01.jpg)}
.technologies .technologySpImg2{background-image:url(../img/tech_02.jpg)}
.technologies .technologySpImg3{background-image:url(../img/tech_03.jpg)}
.technologies .technologySpImg4{background-image:url(../img/tech_04.jpg)}
.technologies .technologySpImg5{background-image:url(../img/tech_05.jpg)}
.technologies .technologyImg{width:100%;min-width:320px;display:none}
.technologies .technologiesText{top:119px;height:200px;right:0;left:0;margin:0 auto}
.technologies .technologiesText .numberImg{left:9.4%;width:40px;top:-15px}
.technologies .technologiesText .technologiesTextText{max-width:198px;width:80%}
.technologies .technologiesText .technologiesTextText .technologiesTextHeading{font-size:20px;padding-top:34px}
.technologies.metaheuristics .technologiesText .technologiesTextText .technologiesTextHeading{font-size:18px;padding-top:28px}
.technologies .technologiesText .technologiesTextText .technologiesTextBody{font-size:12px;line-height:18px;font-weight:400;padding:13px 0 17px;}
.technologies.metaheuristics .technologiesText .technologiesTextText .technologiesTextBody{padding:12px 0 14px;}
.technologies .technologiesText .technologiesTextText .technologiesTextMore{font-size:12px;line-height:43px}
.technologies .technologiesText .technologiesTextText .technologiesTextMore:before{width:20px;height:20px;left:9.04255%}
.technologies .technologyText3 .technologiesTextText .technologiesTextBody{line-height:16px;padding:8px 0 12px}
.case{background-image:url(../under/img/case_bg_sp.jpg)}
.case .caseHeading{font-size:14px;padding-top:68px}
.case .caseText{width:224px;margin:15px 0 48px}
.caseContentWrap{padding-bottom:56px}
.caseContentWrap .caseSubheading{font-size:18px;padding-bottom:15px}
.caseContentWrap .caseContent{display:block}
.caseContentWrap .caseContent .caseContents{margin:0 auto 31px 1.883910386965377%;width:89.28571%}
.caseContentWrap .caseContent .caseContents:nth-child(n){margin-left:auto}
.caseContentWrap .caseContent .caseContents .caseContentsHeading{font-size:15px;padding:33px 0 18px}
.caseContentWrap .caseContent .caseContents .caseContentsHeadingBlank:after,.caseContentWrap .caseContent .caseContents .caseContentsHeadingPdf:after{margin-left:6px}
.caseContentWrap .caseContent .caseContents .caseContentsBody{font-size:12px;padding-bottom:33px}
.caseContentWrap .caseContentsMore{font-size:12px;line-height:23px;margin:20px auto 0;padding:7px 13px;width:89.28571%}
.caseContentWrap .caseContentsMore span{background-size:23px 23px;padding:0 23px}
.pc_only{display:none}
.sp_only{display:block}
.news{text-align:center;margin-bottom:45px}
.news .newsHeading{font-size:14px;padding-top:61px}
.news .newsText{width:92px;padding:16px 0 25px}
.newsContent .newsSubheading{font-size:18px;padding-bottom:19px;margin-bottom:0}
.newsContent .newsContents{text-align:left;display:block;padding:20px 0}
.newsContent .newsContents .newsDate{padding:0 0 15px}
.newsContent .newsContents .newsTitle{line-height:19px}
.newsContent .newsAll{text-align:right;position:relative;top:20px;width:103px;margin:0 auto;line-height:23px}
.newsContent .newsAll:before{width:23px;height:23px}
.relatedcontents .relatedcov{width:80%;margin:0 auto}
.relatedcontents .relatedSubheading{margin-bottom:30px}
.relatedcontents ul.related_lists{display:block;margin:0;}
.relatedcontents ul.related_lists li {margin:0;width:auto}
.relatedcontents ul.related_lists li:nth-of-type(n+5) {margin-top:35px;}
.relatedcontents ul.related_lists li a img{max-width:370px;width:100%}
.relatedcontents ul.related_lists li+li{margin-top:35px}
.relatedbnr{margin:40px 0 0}
.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;}
.caseContentWrap .caseContentsMore{transition:opacity .2s ease-out}
.caseContentWrap .caseContentsMore:hover{text-decoration:underline;opacity:.7}
.relatedbnr a{transition:opacity .2s ease-out}
.relatedbnr a:hover{opacity:.7}
.newsContent .newsAll a:hover{text-decoration:underline}
}
/*! -------------------- 追記　2024/07/04 -------------------- */
.mainVisualOcean .mainVisualExplanationWrap .mainVisualMovie#movieCeatec2020 {margin-bottom: 70px;}
.mainVisualOcean .mainVisualExplanationWrap .mainVisualRelatedArticles{margin: 0 auto 70px;}
.mainVisualOcean .mainVisualExplanationWrap .mainVisualRelatedArticles h3{text-align: center;font-size: 30px;font-weight: 700;color: #fff;}
.mainVisualOcean .mainVisualExplanationWrap .mainVisualRelatedArticles a .linkRelated{color: #fff;position: relative;border: 1px solid #f3f9fc;background-color: rgba(255,255,255,.1);font-size: 16px;line-height: calc(21 / 16);max-width: 640px;margin: 30px auto 0;padding: 16px 60px;}
.mainVisualOcean .mainVisualExplanationWrap .mainVisualRelatedArticles a .linkRelated:hover {background-color: #f3f9fc;color: #0190d4;transition: .3s}
.mainVisualOcean .mainVisualExplanationWrap .mainVisualRelatedArticles a .linkRelated:hover:before {background-image: url(../img/arrow_blue.png)}
.mainVisualOcean .mainVisualExplanationWrap .mainVisualRelatedArticles a .linkRelated: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}
@media screen and (max-width:767px){
.mainVisualOcean .mainVisualExplanationWrap .mainVisualMovie#movieCeatec2020 {margin-bottom: 40px;}
.mainVisualOcean .mainVisualExplanationWrap .mainVisualRelatedArticles h3{font-size: 20px;}
.mainVisualOcean .mainVisualExplanationWrap .mainVisualRelatedArticles{margin: 0 auto 40px;width: calc(100% - 40px);}
.mainVisualOcean .mainVisualExplanationWrap .mainVisualRelatedArticles a .linkRelated {margin-top: 16px;font-size: 12px;padding: 16px calc(6.5% + 20px);}
.mainVisualOcean .mainVisualExplanationWrap .mainVisualRelatedArticles a .linkRelated:before {width: 20px;height: 20px;left: 5.5%}
#movieCeatec2020 iframe{width: 100%;height: auto;aspect-ratio: 16/9;}
}