@charset "UTF-8";

@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 400;
    src: url('/miraiz/font/NotoSansJP-Regular.woff') format('woff');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 700;
    src: url('/miraiz/font/NotoSansJP-Bold.woff') format('woff');
}


html {
  font-size :6.25%;
}

body {
  color :#2b2b2b;
  line-height :1.5;
  font-size :14rem;
  font-family: 'Montserrat','Noto Sans Japanese', sans-serif;
}

img {
  max-width :100%;
}

a {
  display :block;
  text-decoration :none;
}

/* hover */
.img_box {
  overflow :hidden;
}

.img_box img {
  -webkit-transition :.5s;
          transition :.5s;
}

a:hover .img_box img {
  -webkit-transform :scale(1.1);
      -ms-transform :scale(1.1);
          transform :scale(1.1);
}

/* /hover */
/* .mainvisual */
.mainvisual {
  display :-webkit-box;
  display :-webkit-flex;
  display :-ms-flexbox;
  display :        flex;
  -webkit-box-pack :center;
  -webkit-justify-content :center;
  -ms-flex-pack :center;
          justify-content :center;
  -webkit-flex-wrap :wrap;
      -ms-flex-wrap :wrap;
          flex-wrap :wrap;
}

.mainvisual a {
  position :relative;
}

.mainvisual .mainvisual_left {
  position :relative;
  width :66.666%;
}

.mainvisual .mainvisual_right {
  position :relative;
  width :33.333%;
  border-left :1px solid #fff;
}

.mainvisual .mainvisual_right .mv_box01,.mainvisual .mainvisual_right .mv_box02{
  position :relative;
  border-bottom :1px solid #fff;
}


.mainvisual .mainvisual_left .mv_text_box {
  position :absolute;
  bottom :20px;
  left :50px;
}

.mainvisual .mainvisual_right .mv_text_box {
  position :absolute;
  bottom :10px;
  left :20px;
}

.mainvisual .mv_text_box .mv_date {
  position :relative;
  display :inline-block;
  padding :0 5px;
  background :#fff;
  font-size :12rem;
}

.mainvisual .mv_text_box .mv_title {
  margin-top :0;
}

.mainvisual .mv_text_box .mv_title.ht_sp1 span {
  padding-right: 6px!important;
}

.mainvisual .mv_text_box .mv_title.ht_sp2 span {
  margin-top :0!important;
}



.mainvisual .mv_text_box .mv_title.nodate {
  margin-top :20px;
}

.mainvisual .mv_text_box .mv_title span {
  padding :0 5px;
  background :#fff;
  font-weight :bold;
}

.mainvisual .mainvisual_left .mv_text_box .mv_title {
  font-size :28rem;
}

.mainvisual .mainvisual_right .mv_text_box .mv_title {
  font-size :18rem;
}

.mainvisual .mv_text_box .mv_tag {
  display :inline-block;
  margin-top :10px;
}

.mainvisual .mv_text_box .mv_tag li {
  display :inline-block;
  margin-left: -10px!important;
}


.mainvisual .mv_text_box .mv_tag li a{
  display :inline-block;
  padding :0 5px;
  color :#5a79ae;
  font-size :12rem;
  background :#fff;
  margin-left: 0;
}




/* /.mainvisual */
/* new */
.new .mv_date span,.new .top_date span,.new .new_date span {
  padding-right :5px;
  border-right :1px solid #2b2b2b;
}

.new .mv_date::after,.new .top_date::after,.new .new_date::after {
  content :"NEW";
  display :inline-block;
  padding-left :5px;
}

/* /new */
/* category */
.cate-column .mv_date,.cate-column .top_date,.cate-column .side_article_date,.cate-news .mv_date,.cate-news .top_date,.cate-news .side_article_date,.cate-interview .mv_date,.cate-interview .top_date,.cate-interview .side_article_date,.cate-event .mv_date,.cate-event .top_date,.cate-event .side_article_date {
  position :relative;
}

.cate-column .mv_date::before,.cate-column .top_date::before,.cate-column .side_article_date::before,.cate-news .mv_date::before,.cate-news .top_date:before,.cate-news .side_article_date:before,.cate-interview .mv_date::before,.cate-interview .top_date:before,.cate-interview .side_article_date:before,.cate-event .mv_date::before,.cate-event .top_date:before,.cate-event .side_article_date:before {
  content :"";
  display :inline-block;
  position :absolute;
  left :calc(100% + 10px);
  padding :2px 5px;
  line-height :1.0;
  background :#fff;
  border :1px solid;
  font-size :12rem;
  font-weight :bold;
}

.cate-column .mv_date::before,.cate-column .top_date::before,.cate-column .side_article_date::before {
  min-width :110px;
  content :"Beyond X 最前線";
  color :#388fe6;
  border-color :#388fe6;
  white-space: nowrap
}
.cate-column .mv_date.nodate::before {
  margin-left:-20px;
}
.cate-column .side_article_date.nodate::before {
  margin-left:-12px;
}

.cate-news .mv_date::before,.cate-news .top_date::before,.cate-news .side_article_date::before {
  min-width :122px;
  content :"ニュースフラッシュ";
  color :#95922d;
  border-color :#95922d;
}
.cate-news .mv_date.nodate::before {
  margin-left:-23px;
}
.cate-news .side_article_date.nodate::before {
  margin-left:-12px;
}

.cate-interview .mv_date::before,.cate-interview .top_date::before,.cate-interview .side_article_date::before {
  min-width :75px;
  content :"未来を語る";
  color :#0aaf94;
  border-color :#0aaf94;
}
.cate-interview .mv_date.nodate::before {
  margin-left:-23px;

}
.cate-interview .side_article_date.nodate::before {
  margin-left:-12px;
}

.cate-event .mv_date::before,.cate-event .top_date::before,.cate-event .side_article_date::before {
  min-width :75px;
  content :"トレンド＆データ";
  color :#080c42;
  border-color :#080c42;
white-space: nowrap;
}
.cate-event .mv_date.nodate::before {
  margin-left:-23px;

}
.cate-event .side_article_date.nodate::before {
  margin-left:-12px;
}

/* /category */
/* .contents_wrap */
.contents_wrap {
  max-width :1240px;
  width :100%;
  display :-webkit-box;
  display :-webkit-flex;
  display :-ms-flexbox;
  display :        flex;
  -webkit-box-pack :justify;
  -webkit-justify-content :space-between;
  -ms-flex-pack :justify;
          justify-content :space-between;
  margin :25px auto 0;
  padding :0 20px 70px;
}

.left_box {
  max-width :830px;
  width :100%;
}

.right_box {
  max-width :320px;
  width :40%;
  margin-left :30px;
}

.article_list {
  display :-webkit-box;
  display :-webkit-flex;
  display :-ms-flexbox;
  display :        flex;
  -webkit-box-pack :justify;
  -webkit-justify-content :space-between;
  -ms-flex-pack :justify;
          justify-content :space-between;
  -webkit-flex-wrap :wrap;
      -ms-flex-wrap :wrap;
          flex-wrap :wrap;
}

.article_list > li {
  max-width :400px;
  width :calc(50% - 5px);
}

.article_list > li:nth-of-type(2n) {
  margin-left :10px;
}

.article_list > li:nth-of-type(n+3) {
  margin-top :30px;
}

.article_list > li .top_text_box {
  margin-top :12px;
}

.article_list > li .top_text_box .top_date {
  display :inline-block;
  position :relative;
  font-size :12rem;
}

.article_list > li .top_text_box .top_title {
  margin-top :10px;
  font-size :18rem;
  font-weight :bold;
}

.article_list > li .top_text_box .top_tag {
  color :#707070;
  font-size :12rem;
}

.article_list > li .top_text_box .top_tag li {
  display :inline-block;
}

.about_miraizu {
  margin-top :60px;
  padding :60px 45px 40px;
  background :#f2f2f2;
}

.about_miraizu .top_ttl-h2 {
  text-align :center;
  color :#080c42;
  font-size :28rem;
  font-weight :bold;
}


.about_miraizu .about_tx {
  font-size :16rem;
  text-align :center;
  margin-top :15px;
  color :#707070;
}

.about_miraizu .future_box {
  display :-webkit-box;
  display :-webkit-flex;
  display :-ms-flexbox;
  display :        flex;
  -webkit-box-pack :justify;
  -webkit-justify-content :space-between;
  -ms-flex-pack :justify;
          justify-content :space-between;
  -webkit-flex-wrap :wrap;
      -ms-flex-wrap :wrap;
          flex-wrap :wrap;
  margin-top :30px;
}

.about_miraizu .future_box .column_box,.about_miraizu .future_box .interview_box,.about_miraizu .future_box .news_box {
  width :220px;
  background :#fff;
}

.about_miraizu .future_box .title_area {
  display :-webkit-box;
  display :-webkit-flex;
  display :-ms-flexbox;
  display :        flex;
  -webkit-box-pack :center;
  -webkit-justify-content :center;
  -ms-flex-pack :center;
          justify-content :center;
  -webkit-box-align :center;
  -webkit-align-items :center;
  -ms-flex-align :center;
          align-items :center;
  -webkit-flex-wrap :wrap;
      -ms-flex-wrap :wrap;
          flex-wrap :wrap;
  padding :30px 0;
  height :220px;
}

.about_miraizu .future_box .column_box .title_area {
  background :url("/miraiz/image/about_bg01.png") no-repeat;
}

.about_miraizu .future_box .interview_box .title_area {
  background :url("/miraiz/image/about_bg02.png") no-repeat;
}

.about_miraizu .future_box .news_box .title_area {
  background :url("/miraiz/image/about_bg03.png") no-repeat;
}

.about_miraizu .future_box .title_area .top_ttl-h3 {
  position :relative;
  text-align :center;
  width :100%;
  padding :0 12px;
  color :#fff;
  font-size :20rem;
  font-weight :bold;
  text-shadow :0 0 6px rgba(0, 0, 0, .8);
}

.about_miraizu .future_box .title_area .top_ttl-h3::after {
  content :"";
  display :block;
  position :absolute;
  right :calc(50% - 30px);
  bottom :-16px;
  width :60px;
  height :1px;
  background :#fff;
  -webkit-box-shadow :0 0 6px rgba(0, 0, 0, .8);
          box-shadow :0 0 6px rgba(0, 0, 0, .8);
}

.about_miraizu .future_box .title_area .fiture_lead {
  text-align :center;
  padding :0 20px;
  width :100%;
  color :#fff;
  font-size :16rem;
  text-shadow :0 0 6px rgba(0, 0, 0, .8);
}

.about_miraizu .future_box .future_tx {
  padding :15px;
  font-size :14rem;
  min-height :120px;
}

@media screen and (max-width: 1136px) {
  .about_miraizu .future_box .column_box,.about_miraizu .future_box .interview_box,.about_miraizu .future_box .news_box {
    width :50%;
    background :none;
  }
  .about_miraizu .future_box .interview_box {
    display :-webkit-box;
    display :-webkit-flex;
    display :-ms-flexbox;
    display :        flex;
    -webkit-box-pack :end;
    -webkit-justify-content :flex-end;
    -ms-flex-pack :end;
            justify-content :flex-end;
    -webkit-flex-wrap :wrap;
        -ms-flex-wrap :wrap;
            flex-wrap :wrap;
  }
  .about_miraizu .future_box .news_box {
    margin-top :40px;
  }
  .about_miraizu .future_box .title_area,.about_miraizu .future_box .future_tx {
    width :220px;
    background-color :#fff;
  }
  .mainvisual .mv_text_box .mv_title.nodate {
    margin-top :0px;
  }
  .cate-column .mv_date.nodate::before {
    margin-left:-10px;
  }
}

.about_miraizu .about_btn {
  max-width :320px;
  width :100%;
  height :60px;
  margin :40px auto 0;
}

.about_miraizu .about_btn a {
  position :relative;
  text-align :center;
  width :100%;
  height :100%;
  line-height :60px;
  color :#fff;
  background :#080c42;
  font-size :16rem;
  font-weight :bold;
}

.about_miraizu .about_btn a::after {
  content :"";
  display :block;
  position :absolute;
  top :calc(50% - 5px);
  right :12px;
  width :8.5px;
  height :8.5px;
  border-top :2px solid #fff;
  border-right :2px solid #fff;
  -webkit-transform :rotate(45deg);
      -ms-transform :rotate(45deg);
          transform :rotate(45deg);
}

.about_miraizu .about_btn a:hover {
  opacity :.9;
}

/* .right_box */
.right_box .side_ttl {
  text-align :center;
  padding :12px 20px;
  color :#080c42;
  background :#f2f2f2;
  font-size :16rem;
  font-weight :bold;
}

.right_box .side_ttl span {
  display :block;
  font-size :11rem;
  font-weight :normal;
}

.new_box {
  margin-bottom :50px;
}

.new_box .new_list {
  padding :0 10px;
}

.new_box .new_list li {
  margin-bottom :10px;
  padding-top :15px;
}

.new_box .new_list li + li {
  border-top :1px solid #b2b2b2;
}

.new_box .new_list li .new_date {
  font-size :12rem;
  font-weight :bold;
}

.new_box .new_list li .new_ttl {
  margin-top :5px;
  font-size :14rem;
}

.recommend_box,.ranking_box,.solution_box,.populer_ranking_box{
  margin-bottom :50px;
}

.side_article_list {
  position: relative;
  padding :0 8px;
  border :2px solid #f2f2f2;
}

.side_article_list .top_name {
  margin: 15px 0 0 0;
}

.side_article_list > li {
  margin-bottom :10px;
  padding-top :12px;
}

.side_article_list > li + li {
  border-top :1px solid #b2b2b2;
}

.side_article_list > li .side_article_date {
  display :inline-block;
  font-size :12rem;
}

.side_article_list > li .side_article_area {
  margin-top :12px;
  display :-webkit-box;
  display :-webkit-flex;
  display :-ms-flexbox;
  display :        flex;
  -webkit-box-pack :justify;
  -webkit-justify-content :space-between;
  -ms-flex-pack :justify;
          justify-content :space-between;
  -webkit-flex-wrap :wrap;
      -ms-flex-wrap :wrap;
          flex-wrap :wrap;
}

.side_article_list > li .side_article_area .img_box {
  width :120px;
}

.side_article_list > li .side_article_area .text_area {
  width :calc(100% - 130px);
}

.side_article_list > li .side_article_area .side_article_auther {
  font-size: 12rem;
  margin-top: 8px;
  margin-bottom: 8px;
  font-weight: bold;
  background-color: #f2f2f2;
  padding: 8px;
  width:100%;
}

.side_article_list > li .side_article_area .side_article_ttl {
  font-size :14rem;
  font-weight :bold;
}


.side_article_list > li .side_article_area .side_article_tag{
  margin-top: 10px;
}

.side_article_list > li .side_article_area .side_article_tag li {
  color :#5a79ae;
  font-size :12rem;
}



.ranking_box .side_article_list > li {
  position :relative;
}

.ranking_box .side_article_list > li .rank {
  position :absolute;
  top :10px;
  left :0;
  text-align :center;
  display :inline-block;
  width :23px;
  height :23px;
  line-height :23px;
  color :#fff;
  background :#2b2b2b;
  font-size :13rem;
  font-weight :bold;
}

.ranking_box .side_article_list > li:nth-of-type(1) .rank {
  background :#95922d;
}

.ranking_box .side_article_list > li .side_article_date {
  padding-left :34px;
}

.solution_box {
  background :#f2f2f2;
  padding-bottom:10px;
}

.solution_box .side_ttl {
  padding :20px;
}

.solution_box .solution_thumb {
  max-width :260px;
  width :100%;
  margin :0 auto 15px;
  overflow: hidden;
}

.solution_box .solution_thumb img {
  height: auto;
  transition: transform .6s ease;
}

.solution_box .solution_thumb:hover img {
  height: auto;
  transform: scale(1.1);
}

.solution_box .solution_lead {
  margin-bottom :20px;
  padding :0 30px;
  color :#2b2b2b;
}

.right_box .side_btn,
.b_btn_set{
  max-width :320px;
  width :100%;
  height :40px;
}

.right_box .side_btn a,
.b_btn_set a{
  border: #262c76 solid 1px;
  position :relative;
  text-align :center;
  width :100%;
  height :100%;
  line-height :40px;
  color :#262c76;
  background :#fff;
  font-size :16rem;
  font-weight :bold;
  transition: .2s;
}

.right_box .side_btn a:after,
.b_btn_set a:after{
  content :"";
  display :block;
  position :absolute;
  top :calc(50% - 5px);
  right :12px;
  width :8.5px;
  height :8.5px;
  border-top :2px solid #262c76;
  border-right :2px solid #262c76;
  -webkit-transform :rotate(45deg);
      -ms-transform :rotate(45deg);
          transform :rotate(45deg);
}

.right_box .side_btn a:hover,
.b_btn_set a:hover{
  background: #262c76;
  transition: .2s;
  color: #fff;
}
.right_box .side_btn a:hover:after,
.b_btn_set a:hover:after{
  border-top :2px solid #fff;
  border-right :2px solid #fff;
}

/* /.right_box */
/* /.contents_wrap */
@media screen and (min-width: 768px) {
  .pc {
    display :block;
  }
  .sp {
    display :none;
  }
}

@media screen and (max-width: 767px) {
  .pc {
    display :none;
  }
  .sp {
    display :block;
  }
  .new .mv_date::after,.new .top_date::after,.new .new_date::after {
    font-weight :bold;
  }
  .mainvisual {
    display :block;
  }
  .mainvisual .mainvisual_left,.mainvisual .mainvisual_right {
    width :100%;
    border :0;
  }
  .mainvisual .mainvisual_left .mv_text_box,.mainvisual .mainvisual_right .mv_text_box {
    position :static;
    background :#f2f2f2;
  }
  .mainvisual .mv_text_box .mv_date,.mainvisual .mv_text_box .mv_title,.mainvisual .mv_text_box .mv_tag li {
    background :none;
  }
  .mainvisual .mv_text_box .mv_date {
    padding :0;
  }
  .mainvisual .mainvisual_left .mv_text_box {
    padding :12px 15px 10px;
  }
  .mainvisual .mainvisual_left .mv_text_box .mv_title {
    font-size :20rem;
  }
  .mainvisual .mainvisual_left .mv_tag a{
    margin-left:-3px;
  }

  .mainvisual .mv_text_box .mv_title span {
    padding :0;
    background :none;
  }

  .mainvisual .mv_text_box .mv_tag li {
    margin-left: 0!important;
  }

  .mainvisual .mv_text_box .mv_tag li a{
    padding-right: 5px;
    background :none;
  }
  .mainvisual .mv_text_box .mv_tag li a:first-child{
    margin-right: -10px;
  }


  /* mainvisual_right */

  .mainvisual .mainvisual_right {
    padding :0 10px 0 10px;
    background :#f2f2f2;
  }

  .mainvisual .mainvisual_right .mv_box01,.mainvisual .mainvisual_right .mv_box02 {
    padding :0 0 10px 0;
    border-top :1px solid #ccc;
    min-height: 90px;
  }

  .mainvisual .mainvisual_right .mv_box01 a,.mainvisual .mainvisual_right .mv_box02 a {
    padding :0 5px;
    display: block;
    position: relative;
  }

  .mainvisual .mainvisual_right .img_box {
    max-width :120px;
    position: absolute;
    top:5px;
  }


  .mainvisual .mainvisual_right .mv_text_box {
    width: calc(100% - 130px);
    margin:10px 0 0 140px;
  }
  .mainvisual .mainvisual_right .mv_date {
    position: relative;
    left: -140px;
    top:2px;
  }
  .mainvisual .mainvisual_right .mv_title {
    width: 100%;
    padding :0;
  }

  .mainvisual .mainvisual_right .mv_title span{
    width: 100%;
    display: block;
  }



  .contents_wrap {
    display :block;
    max-width :100%;
    margin-top :0;
    padding :0 0 50px;
  }
  .left_box {
    max-width :100%;
  }
  .right_box {
    max-width :100%;
    width :100%;
    margin-top :40px;
    margin-left :0;
    padding :0 10px;
  }
  .article_list {
    display :block;
    padding :0 10px;
  }
  .article_list > li {
    max-width :100%;
    width :100%;
    padding :45px 0 10px;
    border-top :1px solid #b2b2b2;
  }
  .article_list > li:nth-of-type(2n),.article_list li:nth-of-type(n+3) {
    margin :0;
  }
  .article_list li a {
    position :relative;
    display :-webkit-box;
    display :-webkit-flex;
    display :-ms-flexbox;
    display :        flex;
    padding :0 10px;
  }
  .article_list li .img_box {
    /* max-width :120px; */
    width: 120px;

  }
  .article_list li .top_text_box {
    margin :0 0 0 12px;
    width: calc(100% - 130px);
  }
  .article_list li .top_text_box .top_date {
    position :absolute;
    top :-30px;
    left :10px;
  }
  .article_list li .top_text_box .top_title {
    margin :0;
    font-size :16rem;
  }
  .about_miraizu {
    margin-top :20px;
    padding :35px 20px 30px;
  }
  .about_miraizu .top_ttl-h2 {
    font-size :20rem;
  }
  .about_miraizu .future_box .column_box,.about_miraizu .future_box .interview_box,.about_miraizu .future_box .news_box {
    max-width :100%;
    width :100%;
    padding :25px 0 12px;
    background :#fff;
  }
  .about_miraizu .future_box .interview_box {
    display :block;
  }
  .about_miraizu .future_box .interview_box,.about_miraizu .future_box .news_box {
    margin :20px 0 0;
  }
  .about_miraizu .future_box .title_area {
    width :175px;
    height :175px;
    margin :0 auto;
  }
  .about_miraizu .future_box .title_area .top_ttl-h3 {
    padding :0 5px;
    font-size :18rem;
  }
  .about_miraizu .future_box .title_area .top_ttl-h3::after {
    bottom :-12px;
  }
  .about_miraizu .future_box .title_area .fiture_lead {
    padding :0 10px;
    font-size :14rem;
  }
  .about_miraizu .future_box .future_tx {
    width :100%;
    padding :10px 22px;
    min-height :0;
  }
  .about_miraizu .about_btn {
    margin-top :30px;
  }
  .right_box .side_btn {
    max-width :100%;
  }
  .side_article_list li .side_article_area .text_area .side_article_ttl {
    font-size :16rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 1136px) {
  .side_article_list > li .side_article_date {
    padding-bottom :23px;
  }
  .right_box .cate-column .mv_date::before,.right_box .cate-column .top_date::before,.right_box .cate-column .side_article_date::before,.right_box .cate-news .mv_date::before,.right_box .cate-news .top_date:before,.right_box .cate-news .side_article_date:before,.right_box .cate-interview .mv_date::before,.right_box .cate-interview .top_date:before,.right_box .cate-interview .side_article_date:before,.right_box .cate-event .mv_date::before,.right_box .cate-event .top_date:before,.right_box .cate-event .side_article_date:before {
    left :0;
    bottom :0;
  }


.cate-column .side_article_date.nodate::before {
  margin-left:0px;
}

.cate-news .side_article_date.nodate::before {
  margin-left:0px;
}

.cate-interview .side_article_date.nodate::before {
  margin-left:0px;
}

.cate-event .side_article_date.nodate::before {
  margin-left:0px;
}

}

@media screen and (min-width: 768px) and (max-width: 980px) {
  .mainvisual_right .cate-column .mv_date::before,.mainvisual_right .cate-news .mv_date::before,.mainvisual_right .cate-interview .mv_date::before,.mainvisual_right .cate-event .mv_date::before {
    top :-28px;
    left :0;
  }
  .mainvisual .mainvisual_right .mv_text_box .mv_title {
    font-size :16rem;
  }
}

@media screen and (max-width: 320px) {
  .mainvisual .mv_text_box .mv_date,.article_list > li .top_text_box .top_date,.side_article_list > li .side_article_date {
    padding-bottom :23px;
  }
  .mainvisual .mainvisual_right .mv_box01,.mainvisual .mainvisual_right .mv_box02,.article_list > li {
    padding-top :68px;
  }
  .mainvisual .mainvisual_right .mv_date,.article_list li .top_text_box .top_date {
    top :-53px;
  }
  .cate-column .mv_date::before,.cate-column .top_date::before,.cate-column .side_article_date::before,.cate-news .mv_date::before,.cate-news .top_date:before,.cate-news .side_article_date:before,.cate-interview .mv_date::before,.cate-interview .top_date:before,.cate-interview .side_article_date:before,.cate-event .mv_date::before,.cate-event .top_date:before,.cate-event .side_article_date:before {
    left :0;
    bottom :0;
  }
}



/* /追加css */
.mv_box03 {
  margin-top :50px;
}
.mv_box03 a {
  position :relative;
  display :-webkit-box;
  display :-webkit-flex;
  display :-ms-flexbox;
  display :flex;
  padding :0 10px;
}
.mv_box03 .mv_text_box {
  position :absolute;
  bottom :10px;
  left :20px;
  padding :0 5px;
  background :#fff;
}





/****/
/* h9 追加css */
/****/

/ mainvisual txt マンスリー特集用 */
.mainvisual_left .sp_h1set{
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  position: absolute;
  bottom:20px;
  left:40px;
}

.mainvisual_left .sp_h1set .sp_h1set_left{
  margin-right: 20px;
  background: #fff;
  text-align: center;
  font-size: 60rem;
  line-height:100%;
  padding: 18px 20px 0 20px;
}

.mainvisual_left .lowerpage_head-title.ht_sp1{
  margin-bottom: -12px;
}

.mainvisual_left .lowerpage_head-title.ht_sp1 span{
  padding: 4px 8px!important;
  /* padding: 3px 10px 0 10px!important; */
}

.mainvisual_left .lowerpage_head-title.ht_sp2 span{
  padding: 4px 8px!important;
  /* padding: 7px 10px 4px 10px!important; */
}

.mainvisual_left .lowerpage_head-title.ht_sp3{
  margin-bottom:-18px;
  padding: 0!important;
}

.mainvisual_left .lowerpage_head-title.ht_sp3 .md_year{
  font-size:40%;
  padding: 8px 6px 0 6px!important;
}

.mainvisual_left .lowerpage_head-title.ht_sp1 .md_month_n{
  font-size:110%;
  padding:0 4px!important;
}

.mainvisual_left .lowerpage_head-title.ht_sp1 .md_month{
  font-size:60%;
}

.mainvisual_left h1 .sp_h1_year{
  font-size: 18rem;
  display:block;
  line-height:100%;
  padding: 0!important;
}

.mainvisual_left h1 .sp_h1_month{
  font-size: 30rem;
  display:inline;
  padding: 0!important;
}

.mainvisual_left .lowerpage_head-title {
  font-size :40rem;
  line-height :1.45;
}

.mainvisual_left .lowerpage_head-title span {
  padding :0 8px;
  background :#fff;
  font-weight :bold;
}

.mainvisual_right .mv_title.ht_sp3{
  margin-bottom:-8px!important;
}

.mainvisual_right .mv_title.ht_sp3 .md_year{
  font-size:60%;
  padding: 3px 3px 0 3px!important;
}

@media (max-width: 767px) {
  .mainvisual_left .lowerpage_head-title {
    font-size :24rem;
    line-height :1.458;
  }

  /* h1 */
  .mainvisual_left .sp_h1set{
    margin-bottom: 10px;
    bottom:10px;
    left:20px;

  }

  .mainvisual_left .sp_h1set .sp_h1set_left{
    margin-right: 10px;
    font-size: 30rem;
    line-height:100%;
    padding: 5px 5px 0 5px;
  }

  .mainvisual_left .sp_h1set .sp_h1set_right h1{
    font-size: 20rem;
  }

  .mainvisual_left .lowerpage_head-title.ht_sp1{
    margin-bottom: -5px;
  }

  .mainvisual_left .lowerpage_head-title.ht_sp1 span{
    padding: 2px 7px 2px 5px!important;
  }

  .mainvisual_left .lowerpage_head-title.ht_sp2 span{
    padding: 3px 5px 3px 5px!important;
  }

.mainvisual_left .lowerpage_head-title.ht_sp3{
  margin-bottom:-10px;
  padding: 0!important;
}

.mainvisual_left .lowerpage_head-title.ht_sp3 .md_year{
  font-size:50%;
  padding: 4px 4px 0 4px!important;
}

.mainvisual_left .lowerpage_head-title.ht_sp1 .md_month_n{
  font-size:110%;
  padding:0 8px!important;
}

.mainvisual_left .lowerpage_head-title.ht_sp1 .md_month{
  font-size:60%;
}

  .mainvisual_left h1 .sp_h1_year{
    font-size: 14rem;
    display:block;
    line-height:100%;
    padding: 0!important;
  }

  .mainvisual_left h1 .sp_h1_month{
    font-size: 18rem;
    display:inline;
    padding: 0!important;
  }

  .mainvisual_right .mv_title.ht_sp3{
    margin-bottom:-4px!important;
  }

  .mainvisual_right .mv_title.ht_sp3 .md_year{
    font-size:55%;
    padding: 3px 0 0 0!important;
  }
}


/ h2 */
.top_newart-h2 {
  color :#080c42;
  font-size :24rem;
  font-weight :bold;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .top_newart-h2 {
    font-size :18rem;
    margin:15px 10px 12px 10px;
  }
}


/ kyeword_list */
.kyeword_list{
  max-width: 1240px;
  display: flex;
  align-items:flex-start;
  margin:30px auto 0 auto;
  padding: 0 20px 0 20px
}

.kyeword_list ul{
  display: flex;
  -webkit-flex-wrap :wrap;
      -ms-flex-wrap :wrap;
          flex-wrap :wrap;
}

.kyeword_list h3{
  background :url("/miraiz/image/top_kye_bg.png") no-repeat right top #f2f2f2;
  min-width: 180px;
  max-height: 31px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px 5px 10px 0;
  font-weight: bold;
}


.kyeword_list ul li a{
  color: #5a79ae;
  border: solid 2px #849dc8;
  border-radius: 8px;
  display:block;
  padding:5px 14px 2px 14px;
  text-align: center;
  margin: 0 0 10px 10px;
}

@media (max-width: 767px) {
  .kyeword_list{
    max-width: 100%;
    display: block;
    margin:20px auto 0 auto;
    padding: 0 10px 0 10px;
  }

  .kyeword_list ul li a{
    padding:5px 10px 2px 10px;
  }

  .kyeword_list h3{
    background :#f2f2f2;
    width: 100%;
    margin-bottom: 20px;;
  }
}

/ 未来図とは */
.about_miraizu_new{
  margin-top: 60px;
  background :url("/miraiz/image/about_bg04.png") no-repeat;
  background-size: cover;
  padding:30px;
  color: #080c42;
}

.about_miraizu_new .am_inner{
  text-align: center;
  background: #fff;
  padding:30px;
  font-size: 15rem;
  line-height: 200%;
  font-weight: bold;
  background: rgba(255,255,255,0.75);
}

.about_miraizu_new .am_inner h2{
  font-size :25rem;
  font-weight: bold;
  margin-bottom: 20px;;
}


.about_miraizu_new .about_btn {
  max-width :320px;
  width :100%;
  height :60px;
  margin :20px auto 0;
}

.about_miraizu_new .about_btn a {
  position :relative;
  text-align :center;
  width :100%;
  height :100%;
  line-height :60px;
  color :#080c42;
  background :#fff;
  font-size :16rem;
  font-weight :bold;
  border: solid 1px #262c76;
  transition: .2s;
}

.about_miraizu_new .about_btn a:after {
  content :"";
  display :block;
  position :absolute;
  top :calc(50% - 5px);
  right :12px;
  width :8.5px;
  height :8.5px;
  border-top :2px solid #080c42;
  border-right :2px solid #080c42;
  -webkit-transform :rotate(45deg);
      -ms-transform :rotate(45deg);
          transform :rotate(45deg);
}

.about_miraizu_new .about_btn a:hover{
  transition: .2s;
  background: #080c42;
  color: #fff;
}

.about_miraizu_new .about_btn a:hover:after{
  border-top :2px solid #fff;
  border-right :2px solid #fff;
}


@media (max-width: 767px) {
  .about_miraizu_new{
    margin: 30px 10px 10px 10px;
    padding:15px;
  }

  .about_miraizu_new .am_inner{
    padding:15px;
    line-height: 180%;
    font-weight: bold;
    background: rgba(255,255,255,0.75);
  }

  .about_miraizu_new .am_inner h2{
    font-size :20rem;
    margin-bottom: 10px;
  }

}

/ 注目のテーマ */

.attention_list {
  display :-webkit-box;
  display :-webkit-flex;
  display :-ms-flexbox;
  display :        flex;
  -webkit-box-pack :justify;
  -webkit-justify-content :space-between;
  -ms-flex-pack :justify;
          justify-content :space-between;
  -webkit-flex-wrap :wrap;
      -ms-flex-wrap :wrap;
          flex-wrap :wrap;
}

.attention_list > li {
  max-width :400px;
  width :calc(50% - 5px);
}
.attention_list > li:nth-of-type(2n) {
  margin-left :10px;
}
.attention_list > li:nth-of-type(n+3) {
  margin-top :30px;
}

.attention_list a {
  display: flex;
  align-items: center;
  border: solid 1px #f2f2f2;
  width: 100%;
  position: relative;
  color: #080c42;
}

.attention_list a::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 5px);
  right: 12px;
  width: 8.5px;
  height: 8.5px;
  border-top: 2px solid #080c42;
  border-right: 2px solid #080c42;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.attention_list a .top_text_box {
 width: 100%;
 text-align: center;
 font-size: 18rem;
 font-weight: bold;
}

.attention_list a .top_text_box .top_title {
  padding:0 35px 0 20px;
 }

.attention_list .img_box {
  max-width :186px!important;
}



/* top_name */
ul.top_name{
  font-size: 85%;
  width: 100%;
  background: #f2f2f2;
  padding: 7px 10px 5px 10px;
  margin-bottom: 12px;
}

ul.top_name li{
  margin-bottom: 7px;
}

ul.top_name li:last-child{
  margin-bottom: 0;
}






@media (max-width: 767px) {
  .attention_list {
    display :block;
    padding :0 10px;
  }
  .attention_list > li {
    max-width :100%;
    width :100%;
    margin-bottom: 10px!important;
  }


  .attention_list > li:nth-of-type(2n),.attention_list li:nth-of-type(n+3) {
    margin :0;
  }

  .attention_list li .img_box {
    /* max-width :120px; */
    width: 120px;

  }
  .attention_list li .top_text_box {
    margin :0 0 0 12px;
    width: calc(100% - 130px);
  }
  .attention_list li .top_text_box .top_title {
    margin :0;
    font-size :16rem;
  }


}


/ 新着記事 */

.new_inner .img_box img {
  height :100%;
  -o-object-fit :cover;
     object-fit :cover;
  font-family :"object-fit: cover;";
  width: 300px!important;
}


.new_art_box {
  background-color :#fff;
  border: #f2f2f2 solid 2px;
  margin-bottom: 25px;
  display: flex;
  flex-wrap: wrap;
}

.new_art_box .cate-column,
.new_art_box .cate-interview,
.new_art_box .cate-news,
.new_art_box .cate-event{
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
@media (max-width: 767px) {
  .new_art_box .cate-column,
  .new_art_box .cate-interview,
  .new_art_box .cate-news,
  .new_art_box .cate-event{
    width:100%;
  }

}

.new_art_box .img_box{
  margin-top: auto;
}

.new_art_box a{
  display:contents;
}

.related .top_text_box {
  display :-webkit-box;
  display :-webkit-flex;
  display :-ms-flexbox;
  display :        flex;
  -webkit-box-orient :vertical;
  -webkit-box-direction :normal;
  -webkit-flex-direction :column;
      -ms-flex-direction :column;
          flex-direction :column;
  -webkit-flex-wrap :wrap;
      -ms-flex-wrap :wrap;
          flex-wrap :wrap;

}

.newArticle .top_date {
  display :-webkit-box;
  display :-webkit-flex;
  display :-ms-flexbox;
  display :        flex;
  -webkit-flex-wrap :wrap;
      -ms-flex-wrap :wrap;
          flex-wrap :wrap;
}


.newArticle .top_date:before {
  position :relative;
  -webkit-box-ordinal-group :3;
  -webkit-order :2;
  -ms-flex-order :2;
          order :2;
  left :0;
}
.newArticle .top_date span {
  font-size :16rem;
  font-weight :bold;
  display :block;
  -webkit-box-ordinal-group :2;
  -webkit-order :1;
  -ms-flex-order :1;
          order :1;
}

.new_art_box .top_title {
  margin-bottom: 8px;
  line-height :1.444;
  max-width: 500px;
}

.new_art_box .top_auther {
  font-size :12rem;
  margin-top :8px;
  margin-bottom :8px;
  font-weight: bold;
  background-color: #f2f2f2;
  padding:8px;
}
.new_art_box .top_tag {
  font-size :12rem;
  color :#5a79ae;
  padding-bottom:12px;
}

.new_art_box .top_tag a{
  display: inline-block;
  padding-right: 5px;
}


@media (max-width: 767px) {
  .newArticle {
    width :94.67%;
    margin :auto;
  }
  .new_inner .img_box {
    position: absolute;
    right:25px;
    width :120px!important;
    height :60px;
    /* padding-top :41px; */
    -webkit-box-sizing :content-box;
            box-sizing :content-box;
    top: 40px;
    right: 15px;
  }

  .new_art_box {
    margin-bottom :10px;
    min-height: 117px;
    position:relative;
  }

  .new_art_box a {
    display :-webkit-box;
    display :-webkit-flex;
    display :-ms-flexbox;
    display :        flex;
    padding :0 10px 10px;
  }
  .new_art_box .img_box{
    margin-top: 0;
  }

  .newArticle .top_text_box {
    margin-left :0;
    width: 100%;
    position: relative;
    left: 0;
  }

  .newArticle .top_date {
    -webkit-box-align :center;
    -webkit-align-items :center;
    -ms-flex-align :center;
            align-items :center;
    position :absolute;
    top :10px;
    min-width:300px;
  }

  .newArticle .top_date span {
    margin-right :12px;
    font-size :14rem;
  }

  .newArticle .top_title {
    font-size :17rem;
    margin-top :37px;
    margin-bottom: 15px;
    font-weight: bold;
    width: 100%;
    min-height: 60px;
    padding-right: 130px;
  }

  .newArticle .top_tag {
    width: 100%;
    padding:0!important;
    margin-top: -5px;
  }

  .newArticle .top_tag a{
    display: inline-block;
    padding:0 0 0 10px!important;
  }
  .newArticle .top_tag a:first-child{
    padding:0 0 0 0!important;
  }
}

@media (min-width: 768px) {
  .new_inner {
    display :-webkit-box;
    display :-webkit-flex;
    display :-ms-flexbox;
    display :        flex;
    -webkit-flex-wrap :wrap;
        -ms-flex-wrap :wrap;
            flex-wrap :wrap;
    -webkit-box-pack :center;
    -ms-flex-pack :center;
  }
  .new_inner .img_box {
    height :180px;
  }

  .new_art_box {
    width :31.2%;
    margin-right :3.2%;
  }
  .new_art_box:nth-of-type(3n) {
    margin-right :0;
  }

  .newArticle .top_text_box {
    padding :13px 15px 0 15px;
    width: 100%;
  }

  .newArticle .top_date span {
    width :100%;
    margin-bottom :8px;
  }
  .newArticle .top_title {
    font-weight: bold;
    font-size :20rem;
    margin-top :12px;
  }

}


@media screen and (min-width: 768px) and (max-width: 900px) {
  .new_inner .img_box {
    height :100px;
  }
}

@media screen and (min-width: 768px) and (max-width: 900px) {
  .newArticle .top_text_box {
    /* height :170px; */
  }
}


.side_article_tag li a{
  display: inline-block;
}

/ 汎用 */

.contents_wrap .mt5{margin-top: 5px!important;}
.mt0{margin-top: 0!important;}
.mt10{margin-top: 10px!important;}
.mt15{margin-top: 15px!important;}
.mt20{margin-top: 20px!important;}
.mb0{margin-bottom: 0!important;}
.mb5{margin-bottom: 5px!important;}
.mb10{margin-bottom: 10px!important;}
.mb15{margin-bottom: 15px!important;}
.mb20{margin-bottom: 20px!important;}
.center{text-align: center!important;}
.m_auto{margin: auto!important;}