@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
/*slideshow+bouncehint*/
.slideshow{overflow:hidden;;margin-top: 150px;}
.bounce{-moz-animation:bounce 2s infinite;-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite}
/*crumbs*/
.crumbs{background-color:#151414;height:50px;top:100px;width:100%;line-height:50px;color: #fff;;font-size:14px;letter-spacing:.05em;position:fixed;z-index:10000;font-feature-settings:"palt" 1;overflow:hidden}
.crumbs .wrap{padding:0 40px;font-size:13px;font-weight:400}
.crumbs .wrap a{color:#fff;text-decoration:none;-webkit-transition:all .1s ease;-moz-transition:all .1s ease;-ms-transition:all .1s ease;-o-transition:all .1s ease;transition:all .1s ease;letter-spacing:.1em;}
.crumbs .wrap a:hover{color:#00905d}
.crumbs .wrap i{margin:0 10px;font-size:11px;opacity:.5}
/*main_column+AIseries*/
.AIseries{background-color:#f6f6f6;overflow:hidden}
.main{background-color: #f6f6f6;margin:0;}
.main .wrap{padding:60px 0}
.AIseries .wrap{padding:60px 0 0}
.main .wrap .title,.AIseries .wrap .title{text-align:left;font-size:24px;margin-bottom:20px;color:#00905d;letter-spacing:.025em;font-weight:700;font-feature-settings:"palt" 1}
.main .wrap .title span,.AIseries .wrap .title span{color:#333;font-size:16px;margin-left: 10px;font-weight: 500;}
.sereis-column{overflow:hidden}
.sereis-column .wrap{padding: 60px 0px;}
.sereis-column .wrap .title{text-align:left;font-size:24px;margin-bottom:20px;color:#00905d;letter-spacing:.025em;font-weight:700;font-feature-settings:"palt" 1}
.main{overflow:hidden}
.cols02.pc{display:block}
.cols02.mobile{display:none}
.cols01 ul{margin:0;padding:0;display:flex;flex-wrap:wrap;width:100%}
.cols02 ul {margin:0;padding:0;display:flex;flex-wrap:wrap;width:100%;}
.cols01 ul li{cursor:pointer;list-style:none;background-color:#fff;height:270px;border-radius:5px;box-shadow:inset 0 0 0 1px rgba(235,234,235,1),0 1px 5px .1px rgba(0,0,0,0.05);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.cols02 ul li{cursor:pointer;list-style:none;background-color:#fff;margin:.5%;width:49%;height:250px;border-radius:0px;box-shadow:inset 0 0 0 1px rgba(235,234,235,1),0 1px 5px .1px rgba(0,0,0,0.05);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.cols02 ul li:hover,.cols01 ul li:hover{box-shadow:inset 0 0 0 1px rgba(235,234,235,1),0 1px 10px .1px rgba(0,0,0,0.2)}
.mc-01{background-image:url(../images/index/product01.png);background-repeat:no-repeat;background-position:115% 115%;padding:40px;}
.mc-02{background-image:url(../images/index/product02.png);background-repeat:no-repeat;background-position:115% 115%;padding:40px;}
.mc-03{background-image:url(../images/index/product03.png);background-repeat:no-repeat;background-position:115% 115%;padding:40px;}
.mc-04{background-image:url(../images/index/product04.png);background-repeat:no-repeat;background-position:115% 115%;padding:40px;}
.series-col01{background-image: url(../images/index/series-col01.png);background-repeat: no-repeat;text-align: right;color:#fff;}
.series-col02{background-image: url(../images/index/series-col02.png);background-repeat: no-repeat;text-align: right;color:#fff;}
.series-col01 .text,.series-col02 .text{padding:64px 40px;}
.series-col01 a,.series-col02 a{text-decoration: none;}
.series-col01 a .text .title,.series-col02 a .text .title{text-align: right;margin-bottom: 0;font-size:24px;color:#fff;font-family:"Noto Sans JP",Arial,Helvetica,sans-serif;letter-spacing:.1em;font-weight:700;font-feature-settings:"palt" 1;line-height:2;}
.series-col01 a .text .subtitle,.series-col02 a .text .subtitle{font-size:13px;color:rgba(256,256,256,0.5);font-family:"Noto Sans JP",Arial,Helvetica,sans-serif;letter-spacing:.05em;font-weight:400;font-feature-settings:"palt" 1;line-height: 1.5;}
.series-col01 a .text .series-btn button,.series-col02 a .text .series-btn button{border-radius: 90px;border: 2px solid #fff;background-color: transparent;color: #fff;padding:5px 15px;margin-top: 20px;cursor: pointer;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;letter-spacing: .025em;}
.series-col01 a:hover .text .series-btn button,.series-col02 a:hover .text .series-btn button{background-color:#fff;color: #00905d;}
.series-col01 a .text .series-btn button i,.series-col02 a .text .series-btn button i{margin-right: 10px;}
.mc-01:hover,.mc-02:hover,.mc-03:hover,.mc-04:hover{background-image:none}
.cols02 ul li .mc_title,.cols01 ul li .mc_title{font-size:18px;color:#333;font-family:"Noto Sans JP",Arial,Helvetica,sans-serif;letter-spacing:.05em;font-weight:500;font-feature-settings:"palt" 1}
.cols01 ul li .mc_title{display:none}
.cols02 ul li .mc_title i,.cols01 ul li .mc_title i{color:#00905d;margin-right:5px;opacity:1;-webkit-transition:all .1s ease;-moz-transition:all .1s ease;-ms-transition:all .1s ease;-o-transition:all .1s ease;transition:all .1s ease}
.cols02 ul li.mc-05:hover .mc_title i,.cols02 ul li.mc-06:hover .mc_title i,.cols02 ul li.mc-07:hover .mc_title i,.cols02 ul li.mc-08:hover .mc_title i,.cols01 ul li.mc-08:hover .mc_title i,.cols01 ul li.mc-ai:hover .mc_title i{margin-right:10px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
.cols02 ul li:hover .mc_title i{margin-right:10px;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
.cols02 ul li .mc_subtitle{margin-top:20px;margin-left:25px;opacity:0;font-family:"Noto Sans JP",Arial,Helvetica,sans-serif;-webkit-transition:all .1s ease;-moz-transition:all .1s ease;-ms-transition:all .1s ease;-o-transition:all .1s ease;transition:all .1s ease}
.cols02 ul li:hover .mc_subtitle{opacity:1}
.cols02 ul li .mc_subtitle a{text-decoration:none;width:auto;margin:0}
.cols02 ul li .mc_subtitle a .in{font-size:15px;color:#333;line-height:200%;letter-spacing:.025em;font-weight:400;font-feature-settings:"palt" 1;-webkit-transition:all .1s ease;-moz-transition:all .1s ease;-ms-transition:all .1s ease;-o-transition:all .1s ease;transition:all .1s ease}
.cols02 ul li .mc_subtitle a:hover .in{color:#00905d;position:relative}
.cols02 ul li .mc_subtitle a .in i{margin-right:10px;color:#ccc;-webkit-transition:all .1s ease;-moz-transition:all .1s ease;-ms-transition:all .1s ease;-o-transition:all .1s ease;transition:all .1s ease}
.cols02 ul li .mc_subtitle a:hover .in i{color:#00905d}
.cols02 ul a{width:24%;margin:.5%;text-decoration:none}
.cols01 ul a{width:99%;margin:.5%;text-decoration:none}
.cols02 ul a li,.cols01 ul a li{cursor:pointer;list-style:none;background-color:#fff;width:100%;padding:20px;box-shadow:inset 0px 0px 0px 1px rgba(235,234,235,1),0px 1px 5px .1px rgba(0 0 0 / 5%);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.cols02 ul a li:hover,.cols01 ul a li:hover{box-shadow:inset 0 0 0 1px rgba(235,234,235,1),0 1px 10px .1px rgba(0,0,0,0.2)}
.cols02 ul a li:hover .mc_title i,.cols01 ul a li:hover .mc_title i{opacity:1}
/*second_column*/
.second{background-color:#fff;overflow:hidden}
.second .wrap{padding:60px 0}
.second .wrap .title{text-align:center;font-size:24px;margin-bottom:40px;color:#005098;letter-spacing:.025em;font-weight:700;font-feature-settings:"palt" 1}
.second .wrap .title span{color:#ccc;font-size:14px}
/*third_column*/
.third{background-color:#f6f6f6;overflow:hidden}
.third .wrap{padding:60px 0;max-width:1000px}
.third .wrap .title{text-align:left;font-size:24px;margin-bottom:20px;color:#00905d;letter-spacing:.025em;font-weight:700;font-feature-settings:"palt" 1}
.third .wrap .title span{color:#9BC8EB;font-size:14px}
.third .wrap .news_list ul{border-top:1px dotted #ccc;padding:20px 0;margin:0;background-color:rgba(256,256,256,0);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.third .wrap .news_list ul:hover{background-color:rgba(256,256,256,0.5)}
.third .wrap .news_list ul:nth-child(3){border-bottom:1px dotted #ccc}
.third .wrap .news_list ul a{text-decoration:none}
.third .wrap .news_list ul a li{float:left;list-style:none;height:50px}
.third .wrap .news_list ul a li.news_text{width:90%;padding-left:20px}
.third .wrap .news_list ul a li.news_text .day{font-size:14px;line-height:50px;color:#333;font-weight:700;float:left;margin-right:20px;letter-spacing:.05em;}
.third .wrap .news_list ul a li.news_text .tag{font-size:14px;line-height:100%;color:#fff;font-weight:500;background-color:#00905d;width:120px;padding:8px 16px;text-align:center;margin-top:10px;margin-right:20px;float:left;text-decoration:none;border-radius:0px;letter-spacing:.05em;}
.third .wrap .news_list ul a li.news_text .title{color:#333;font-size:16px;text-align:left;font-weight:500;line-height:50px;float:left;letter-spacing:.05em;}
.third .wrap .news_list ul a li.icon{width:10%;line-height:50px;text-align:right;color:#00905d;padding-right:20px}
.third .wrap .news_list .morebtn{text-align:right;font-size:14px;color:#9BC8EB;line-height:160%;font-weight:500;margin-top:20px}
.third .wrap .news_list .morebtn a{color:#ccc;text-decoration:none;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.third .wrap .news_list .morebtn a:hover{color:#00905d;text-decoration:none}
.third .wrap .news_list .morebtn a i{margin-left:10px}
/*fourth_column*/
.fourth{background-color:#fff;overflow:hidden}
.fourth .wrap{padding:60px 0;text-align:center}
.fourth .wrap .title{text-align:center;font-size:24px;margin-bottom:20px;color:#fff;letter-spacing:.025em;font-weight:700;font-feature-settings:"palt" 1}
.fourth .wrap .title span{font-size:14px;color:rgba(256,256,256,0.5)}
.fourth .wrap a button{opacity:.7;outline:none;width:300px;margin:50px 0;background-color:transparent;border:1px solid #eee;color:#eee;font-size:15px;line-height:160%;padding:8px 16px;border-radius:0px;font-family:"Noto Sans JP",Arial,Helvetica,sans-serif;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;letter-spacing:.025em;}
.fourth .wrap a button:hover{cursor: pointer;opacity:1;background-color:#eee;color:#00905d;opacity:1;background-color:#eee;color:#00905d}
.fourth .wrap a button i{margin-left:20px}
.contact_bg{background-image:url(../images/index/visual_bg_contact.png);background-repeat:no-repeat;background-size:cover}
@media screen and (max-width: 1480px) {
.scroll_area .scrolltxt .text{margin-right:20%}
}
@media screen and (max-width: 1340px) {
.scroll_area .scrolltxt .text{margin-right:15%}
.series-col01 a .text .subtitle, .series-col02 a .text .subtitle {display: none;}
.series-col01 a .text .series-btn button, .series-col02 a .text .series-btn button {margin-top: 10px;}
.series-col01 .text, .series-col02 .text {padding: 89px 20px;}
}
@media screen and (max-width: 1200px) {
.scroll_area .scrolltxt .text{margin-right:15%}
.cols02 ul li,.cols02 ul a{width:49%}
.series-col01,.series-col02{background-position: right 50% bottom 50%;}
}
@media screen and (max-width: 1023px) {
.crumbs{top: 80px;}
.slideshow{margin-top:130px;}
.scroll_area .scrolltxt .text{margin-right:10%}
.fourth .wrap a button{width:70%;margin:0 15%}
.third .wrap .news_list ul a li.news_text .day{float:none;line-height:100%;margin-bottom:10px}
.third .wrap .news_list ul a li.news_text .tag{float:none;margin-top:0}
.third .wrap .news_list ul a li.news_text .title{float:none;margin-bottom:0;line-height:160%;margin-top:10px}
.third .wrap .news_list ul a li{height:auto}
.third .wrap .news_list ul a li.news_text{width:85%;margin-right:5%}
.cols02.pc{display:none}
.cols02.mobile{display:block}
.mc-01:hover{background-image:url(../images/index/product01.png)}
.mc-02:hover{background-image:url(../images/index/product02.png)}
.mc-03:hover{background-image:url(../images/index/product03.png)}
.mc-04:hover{background-image:url(../images/index/product04.png)}
.mc-ai{background-image:url(../images/index/AIseries2.png);background-repeat:no-repeat;background-position:50%;padding-top:20px;padding-left:20px}
.cols02 ul li:hover .mc_title i{opacity:1}
.series-col01,.series-col02{background-position:60% 50%;}
}
@media screen and (max-width: 767px) {
.marquee{display:none}
.slideshow{margin-top:130px}
.mc_subtitle{display:none}
.mc-ai{background-image:url(../images/index/AIseries3.png);background-repeat:no-repeat;background-position:100%;padding-top:20px;padding-left:20px}
.cols01 ul li .mc_title{display:block}
.cols02 ul li {margin: .5%;width: 99%;}
.series-col01,.series-col02{background-position:center center;background-size: cover;}
.series-col01 a .text .subtitle, .series-col02 a .text .subtitle {display: block;}
.series-col01 .text, .series-col02 .text {padding: 40px 20px;}
.cols02 ul li {height:auto;}
.series-col01 a .text .series-btn button, .series-col02 a .text .series-btn button {margin-top: 20px;}
}
@media screen and (max-width: 639px) {
.cols02 ul li,.cols02 ul a{width:99%}
.cols02 ul li,.cols01 ul li{height:150px}
.mc-01,.mc-02,.mc-03,.mc-04,.mc-05,.mc-06,.mc-07,.mc-08{background-size:50%;background-position:115% 50%}
.mc-ai{background-position:115% 30%}
.fourth .wrap a button{width:80%;margin:0 auto}
.series-col01 a .text .subtitle, .series-col02 a .text .subtitle {display: none;}
.series-col01 a .text .series-btn button, .series-col02 a .text .series-btn button {margin-top: 10px;}

}
@media screen and (max-width: 479px) {
.cols02 ul li,.cols02 ul a{width:99%}
.cols04 ul li{height:150px}
.mc-01,.mc-02,.mc-03,.mc-04,.mc-05,.mc-06,.mc-07,.mc-08{background-size:50%;background-position:115% 50%}
.fourth .wrap a button{width:90%;margin:0 auto}
.series-col01,.series-col02{background-position:center;background-size:cover;}
.series-col01 a .text .title, .series-col02 a .text .title{font-size: 18px;}
}