* {font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;}

h2.headline {
  position: relative;
  color: black;
  background: #d0ecff;
  line-height: 1.4;
  padding: 0.5em 0.5em;
  margin: 2em 0 0.5em;
  border-radius: 0 5px 5px 5px;
  max-width: 1300px;
  font-size:1.5em;
}

h2.headline:after {
  /*タブ*/
  position: absolute;
  font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
  content: 'HEADLINE NEWS';
  background: #2196F3;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 3px 7px 2px;
  font-size: 0.7em;
  line-height: 1;
  letter-spacing: 0.05em
}
.headerbox {width: 1300px;height:155px;margin: 0 auto;}
.headerbox::after { clear: both}
.header { width: 1300px; float:left; overflow:visible; height:auto;}
.logo{width:600px;height:79px; float:left; background:url(/assets/img/logo-MK-TT.gif) no-repeat;background-size: contain;}

.navheader{width:1100px; padding-top:10px; overflow:visible; float:left;}
.navheader ul{list-style-type:none; margin:0px; padding:0px;}
.navheader li{ width:180px; height:55px;line-height:55px;text-align:center;float:left;font-size:18px; font-weight:600;}
.navheader .nav ul{list-style:none}
.navheader .nav li{float:left}
.navheader .nav li a:visited,.navheader .nav li a:link{text-decoration:none;}
.navheader .nav li a:hover{color:#004aa5; text-decoration:none;}
.navheader .nav ul li{width:300px;background-color:#fff;text-align:left;height:35px;line-height:35px; font-weight:400;}
.navheader .nav ul a{display:block;text-decoration:none;padding-left:30px;color:#000}
.navheader .nav li:last-of-type a {font-family: "Microsoft YaHei";}
.drop-down{position:relative;}
.drop-down-content{padding:0;display:none;position:absolute;z-index:999; margin:0px; padding:0px;}
.drop-down-content li:hover a{background-color:#5788c4;color:#FFF}
.drop-down-content li:hover a:hover{background-color:#5788c4;color:#FFF}
.navheader .nav .drop-down:hover .drop-down-content{display:block}
.search,.version{padding-top:45px;height:25px;line-height:25px;font-size:14px;float:left}
.search input{height:25px;line-height:25px;padding-left:20px;border:1px solid #e1e1e1;background-color:#f2f2f2;outline:0;float:left}
.search a{height:25px;width:25px;float:left;margin-left:10px;margin-right:10px;background:url(/assets/img/search.png) no-repeat}
.version a.current{color:#004aa5;font-weight:700}
.version {padding-top: 40px;}
.mobilemenu{width:100%; height:50px; overflow:hidden; display:none;}

.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%;}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#0f70b8;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}

.sjj_nav{position:fixed;z-index:90009;background:#fff;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0;border-bottom:0;}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 120px)}
.sjj_nav>ul>li:first-child .language{float:right;width:120px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:60px;float:left; font-size:16px; text-align:center;color:#999;}

.sjj_nav ul li i{position:absolute;top:5px;right:0px;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}

.inner_news {width:100%; padding:10px;max-width:1063px; margin:0px auto; }
.inner_news ul { list-style-type:none;}
.inner_news ul li { width:100%; float:left; padding-top:20px; padding-bottom:20px; border-bottom:1px solid #d8d8d8;}
.inner_news ul li:last-child { border-bottom:0px;}
.i_news_c{ font-size:15px; color:#545454; line-height:25px;}
.i_news_c a { color:#545454; display:block;  font-weight:bold; font-size:17px; line-height:30px;}
.i_news_c a:hover {text-decoration:underline;}
.i_news_c p { margin-top:10px; padding-top:20px; height:30px; line-height:30px; text-align:right; font-size:17px; color:#bcbcbc;}
.i_news_img img{ width:100%; height:auto;}


.indexbanner {
    width: 100%;
    height: auto;
    max-height: 400px;
    background-color: #004aa5;
}
.indexbanner .indexbannerlist { width:100%;max-width:1300px; margin:0 auto;}
.banner {
    width: 100%;
    height:auto;
    max-height:345px;
    background-color:#004aa5;
}
.banner .bannerlist { width:100%;max-width:1300px; margin:0 auto;}
@media screen and (max-width: 640px) {
    .headerbox {
        display: none;
    }
    .mobilemenu {
        display:block;
    }
    .indexbanner{height:auto;} 
    .indexbanner .indexbannerlist {width: 100%;}
    .indexbanner .indexbannerlist img{width: 100%;}

    .banner{height:auto;} 
    .banner .bannerlist {width: 100%;}
    .banner .bannerlist img{width: 100%;}
}



.dolist { width:100%; max-width:1363px; margin:0px auto; overflow:hidden;}
.sortcontainer { width:1300px; margin:70px auto; }
.mbg { width:1300px;  height:88px; position:absolute; margin-top:40px;border-radius:5px; background-color:#b0b0b0;}
.ipro-sort{height:165px;box-shadow:0 1px 32px 0 rgba(44,44,44,.4);border-radius:5px;background:#f4f4f4;width:1100px; margin:0px auto;}
.ipro-sort li{float:left;position: relative; width:20%;margin-top:27px;text-align:center;background:#f4f4f4;transition:all .5s}
.ipro-sort li:after{position:absolute;content:"";after:"after";width:1px;height:98px;background:#CCCCCC;right:0;top:0}
.ipro-sort li span{display:block;width:100%;}
.ipro-sort li p.iptit{ height:40px; font-size:18px;color:#838383;text-transform:uppercase}
.ipro-sort li .more{ text-decoration:none;}
.ipro-sort li:nth-child(1) span{background:url(/assets/img/icon2.png) no-repeat center top;height:80px;margin:0px 0 15px;background-size:auto 200%}
.ipro-sort li:nth-child(2) span{background:url(/assets/img/icon1.png) no-repeat center top;height:80px;margin:0px 0 15px;background-size:auto 200%}
.ipro-sort li:nth-child(3) span{background:url(/assets/img/icon3.png) no-repeat center top;height:80px;margin:0px 0 15px;background-size:auto 200%}
.ipro-sort li:nth-child(4) span{background:url(/assets/img/icon4.png) no-repeat center top;height:80px;margin:0px 0 15px;background-size:auto 200%}
.ipro-sort li:nth-child(5) span{background:url(/assets/img/icon5.png) no-repeat center top;height:80px;margin:0px 0 15px;background-size:auto 200%}
.ipro-sort li:nth-child(5):after {display: none;}
.ipro-sort li:hover{background:#004aa5;height:199px;border-radius:10px;margin-top:-18px;padding-top:40px}
.ipro-sort li:hover:after{display:none}
.ipro-sort li:hover p,.ipro-sort li:hover p.iptit{color:#fff}
.ipro-sort li:hover .more{display:block}
.ipro-sort li:hover:nth-child(1) span{background-position:center -80px}
.ipro-sort li:hover:nth-child(2) span{background-position:center -80px}
.ipro-sort li:hover:nth-child(3) span{background-position:center -80px}
.ipro-sort li:hover:nth-child(4) span{background-position:center -80px}
.ipro-sort li:hover:nth-child(5) span{background-position:center -80px}
	
.ipro-sort-phone{border-top:1px solid #dcdcdc; margin-top:50px; display:none;}
.ipro-sort-phone li{float:left;width:50%;box-sizing:border-box;border-bottom:1px solid #dcdcdc;border-right:1px solid #dcdcdc;text-align:center;padding:10px 0 20px;vertical-align:top}
.ipro-sort-phone li .more{ text-decoration:none;}
.ipro-sort-phone li:nth-child(2n){border-right:transparent}
.ipro-sort-phone li span{display:block;width:100%;height:80px}
.ipro-sort-phone li p{font-size:24px;color:#838383;text-transform:uppercase;line-height:normal}
.ipro-sort-phone li:nth-child(1) span{background:url(/assets/img/icon1.png) no-repeat center top;background-size:auto 180%}
.ipro-sort-phone li:nth-child(2) span{background:url(/assets/img/icon2.png) no-repeat center top;background-size:auto 180%}
.ipro-sort-phone li:nth-child(3) span{background:url(/assets/img/icon3.png) no-repeat center top;background-size:auto 180%}
.ipro-sort-phone li:nth-child(4) span{background:url(/assets/img/icon4.png) no-repeat center top;background-size:auto 180%}
.ipro-sort-phone li:nth-child(5) span{background:url(/assets/img/icon5.png) no-repeat center top;background-size:auto 180%}
.ipro-sort-phone li:last-child{width:100%}


/*.solutions ul li:nth-child(odd) { padding-right:35px;}
.solutions ul li:nth-child(even) { padding-left:35px;}
.solutions ul li img { width:100%; height:auto;}*/
/*.solutions-title { width:100%; height:40px;line-height:40px; text-align:center; font-size:15px; font-weight:bold;}
.solutions-way {width:100%; line-height:25px; font-size:14px;}*/
@media screen and (max-width: 1058px) {
    .ipro-sort-phone { display:block;}
    .sortcontainer { display:none;}
    /*.solutions ul li:nth-child(odd) { padding:8px;}
    .solutions ul li:nth-child(even) { padding:8px;}*/
}

.m71-container{width:100%;overflow:hidden;background-color:#f1f1f1}
.news{width:100%; max-width:1363px;margin:42px auto;overflow:hidden;padding-bottom:20px}
.row{margin-left:-15px;margin-right:-15px}
.row:after,.row:before{content:" ";display:table}
.row:after{clear:both}
.tab-pane{margin-top:30px}
.tab-pane .post-block{display:block;height:500px;background:#fff;padding:30px 20px;position:relative;transition:all .05s;box-shadow:1px 1px 1px rgba(0,0,0,.05),-1px -1px 1px rgba(0,0,0,.05)}
.tab-pane .post-block .published-at-human{font-size:18px;font-weight:400;line-height:40px;text-align:center;color:#004aa5}
.tab-pane .post-block .white-polyhedral{margin-top:20px}
.tab-pane .post-block .title{margin-top:20px;margin-bottom:5px;color:#004aa5;font-size:18px;font-weight:400;line-height:28px; text-align:center; height:60px;overflow:hidden}
.tab-pane .post-block .excerpt{text-overflow:ellipsis; margin-top:5px;color:#777;font-size:14px;line-height:23px;text-align:justify;height:70px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.tab-pane .post-block .link-read-more{position:absolute;right:25px;bottom:35px;text-transform:uppercase;color:#004aa5}
.tab-pane .post-block:focus,.tab-pane .post-block:hover{background:#004aa5;text-decoration:none}
.tab-pane .post-block:focus:before,.tab-pane .post-block:hover:before{content:'';position:absolute;left:10%;top:8%;width:80%;height:90%;z-index:-1;background:0 0;display:block;border-radius:10%;box-shadow:0 5px 60px rgba(0,0,0,.6)}
.tab-pane .post-block:focus .published-at-human,.tab-pane .post-block:hover .published-at-human{color:#fff}
.tab-pane .post-block:focus .title,.tab-pane .post-block:hover .title{color:#fff}
.tab-pane .post-block:focus .excerpt,.tab-pane .post-block:hover .excerpt{color:#fff}
.tab-pane .post-block:focus .link-read-more,.tab-pane .post-block:hover .link-read-more{color:#fff;text-decoration:none}
.tab-pane .link-view-more{margin-top:40px;line-height:38px;height:40px;display:inline-block;padding-left:45px;padding-right:45px;background:#fff;color:#004aa5;border:none;cursor:pointer;padding-top:0;padding-bottom:0;background:0 0;line-height:36px;border:2px solid #004aa5;text-transform:uppercase}
.tab-pane .link-view-more:focus,.tab-pane .link-view-more:hover{background:#004aa5;color:#fff;text-decoration:none;outline:0}
.tab-pane .link-view-more:focus,.tab-pane .link-view-more:hover{background:#004aa5;color:#fff;text-decoration:none}
.tab-new-avg{width:33.33%;float:left;padding:10px}
.text-center{text-align:center}
@media screen and (max-width:1058px){.tab-new-avg{width:100%;float:left;padding:10px}
}



.footer{width:100%;padding-bottom:50px;background-color:#004aa5;color:#FFF}
.footlink{width:1063px;margin:0 auto;overflow:hidden;padding-top:50px}
.footlink::after{clear:both}
.footlink ul{width:16.66666%; height:200px; overflow:hidden ;float:left;list-style-type:none}
.footlink ul h2{color:#71b9f4;font-size:16px;height:50px;line-height:30px; font-weight:bold;}
.footlink ul li{width:100%;height:28px;line-height:28px;float:left}
.footlink ul li a{color:#ddd;font-size:16px}
.footlink ul li a:hover{text-decoration:underline;}

.copyright {
    width: 758px;
    padding-left: 300px;
    margin: 50px auto;
    line-height: 30px;
    color: #71b9f4;
    font-size: 14px;
    background: url(/assets/img/contact.png) no-repeat 100px center
}


@media screen and (max-width: 640px) {
.footlink{width:100%}
.footlink ul{width:33.333333%;text-align:center;float:left; overflow:hidden;}
.copyright{width:100%;padding:0;background:0 0}
}

.pagercontainer{ width:100%; overflow:hidden; padding:30px; text-align:center; font-size:16px;}
.pagercontainer:before{ clear:both;}

.inner-container{width:100%; max-width:1063px; margin:20px auto; overflow:hidden;}
.navcontainer {width:100%; max-width:1000px; margin:0 auto; padding:10px;}
.inner_nav {width:100%; border:1px solid #d3d3d3;}
.inner_nav::after{clear:both;}
.inner_nav >div { padding:10px;}
.inner_nav ul li{ height:38px; font-size:17px; text-align:center; line-height:38px; border-right:1px solid #d3d3d3;}
.inner_nav ul li:last-child{border-right:0px;}
.inner_nav ul li.current { background-color:#70aa07; color:#FFF;}
.inner_nav ul li.current a{color:#FFF;}
.inner_content {width:100%; padding:10px;max-width:1063px; margin:20px auto; font-size:17px; line-height:35px;}
.aboutimg li { padding:10px;}
@media screen and (max-width: 640px) {
.inner_content img {width:100%;height:auto;}
.inner_nav ul li{  font-size:13px;}
}

.text_center {text-align:center;}