@charset 'UTF-8';
/*===========================================
original.css INDEX
===========================================*/
body, select, input, textarea {
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'メイリオ', Verdana, 'ＭＳ Ｐゴシック', sans-serif;
}


/*--------------------------------------------------
chapterKV
--------------------------------------------------*/
#kvProducts {
  position: relative;
  zoom: 1;
  -moz-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto!important;
}
#kvTop {
  background: url(../../images/index_kv_01.jpg) 0 0 no-repeat;
  position: relative;
  zoom: 1;
  margin: 0 -100px;
  height: 520px;
}
#kvTop .partBlock {
  margin: 0 100px;
}
#kvJigyou {
  background: url(../../jigyou/images/jigyou_kv_01.jpg) 0 0 no-repeat;
  position: relative;
}
#kvService {
  background: url(../../service/images/service_kv_01.jpg) 0 0 no-repeat;
  position: relative;
}
#kvExample {
  background: url(../../example/images/example_kv_01.jpg) 0 0 no-repeat;
  position: relative;
}
#kvTop .chapterKV {
  padding: 200px 0 100px 65px;
  height: 520px;
  margin-bottom: 20px;
}
.chapterKV {
  padding: 200px 0 100px 65px;
  height: 460px;
}
header #logo .siteLogo a img,
.popup_sitelogo a img{
  width: 120px;
}

@media screen and (max-width:767px) {
  #kvTop{background:url(../../images/index_kv_sp01.jpg) 0 0 no-repeat;}
  #kvJigyou{background:url(../../jigyou/images/jigyou_kv_sp01.jpg) 0 0 no-repeat;}
  #kvService{background:url(../../service/images/service_kv_sp01.jpg) 0 0 no-repeat;}
  #kvExample{background:url(../../example/images/example_kv_sp01.jpg) 0 0 no-repeat;}
  #kvTop .partBlock{margin:0;}
  #kvTop, #kvJigyou, #kvService, #kvExample {
    margin: 10px -10px 0;
    padding: 0 10px;
    background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
  }
  #kvTop{height: auto;}
  #kvTop .chapterKV {
    text-align: center;
    padding: 0;
    margin:0;
  }
  .chapterKV {
    text-align: center;
    padding: 0;
    margin-top:0;
  }
  /*[id^="kv"]{margin-top:20px;}*/
  [id^="kv"] + .container{margin-top:10px;}
  header #logo .siteLogo a img {
    width: 100px;
  }
}


/*--------------------------------------------------
nav
--------------------------------------------------*/
#globalNav ul li .subGnav .menus a {
  color: #000 !important;
}
@media screen and (max-width:767px) {
  #subFunctions {
    padding-bottom: 25px;
  }
}


/*--------------------------------------------------
relatedLinks
--------------------------------------------------*/
.relatedLinks{
  margin-top:30px;
  padding-top:30px;
  border-top:#ccc 1px solid;
  overflow:hidden;
}
.relatedLinks .btnLink{float:left; width:48%;}
.relatedLinks .btnLink:nth-of-type(2){float: right;}
.relatedLinks .btnLink a{display: block;}

@media screen and (max-width:767px) {
  .relatedLinks{margin-top:20px; padding:0;}
  .relatedLinks .btnLink{float: none; width: 100%; margin-top:10px;}
}



/*-------------------------------------------
sidebanner
-------------------------------------------*/
#sidebar .sidebanner {
  margin-top: 15px;
}
#sidebar .sidebanner a {
  display: block;
  width: auto;
  padding: 125px 25px 10px;
  background: url(../images/tr_banner.jpg) no-repeat;
  font-size: 16px;
  font-weight: bold;
}
#sidebar .sidebanner a:hover {
  text-decoration: none;
  opacity: 0.8;
}
#sidebar .sidebanner a span {
  font-size: 12px;
  display: block;
}

@media screen and (max-width:767px) {
#sidebar .sidebanner a {
  border: #eaeaea 1px solid;
  padding: 15px 5px 15px 43%;
  background: #fff url(../images/tr_banner.jpg) no-repeat;
  -moz-background-size: 40% auto;
  -webkit-background-size: 40% auto;
  background-size: 40% auto!important;
}
}
/*-------------------------------------------
高さ合わせ
-------------------------------------------*/
.sepalateColumn .row [class^="col"]:nth-of-type(even){border-left:#ccc 1px solid;}
.btnLink a{padding:25px 15px;}
.sepalateColumn .btnLink{margin-top:30px;}
.sepalateColumn .btnLink a{display: block;}

@media screen and (max-width:767px) {
  .sepalateColumn .row [class^="col"]:nth-of-type(even){border:none;}
  .sepalateColumn .btnLink{margin-top:15px;}
}



/*--------------------------------------------------
Mars finder
--------------------------------------------------*/
/* window */
#searchSet .mf_finder_container{background-color: #eee;}
#searchSet .mf_finder_searchBox{padding:10px; margin: 0;}
#searchSet form input[type="text"]{width: 100%!important;}
.mf_finder_searchBox_form {}
.mf_finder_searchBox_doctype:after { top: 2px!important; }
.mf_finder_searchBox_doctype_select,
.mf_finder_searchBox_selects select { font-size: 1.6rem!important; }
.mf_finder_searchBox_suggest_items li a { color: #fff !important; }
.mf_finder_searchBox_selects label:before {width:2rem!important; font-size: 1.4rem!important; }
.mf_finder_searchBox_selects select{
  border-bottom-width:1px!important;
  border-radius: 0!important;
  padding-right:2rem!important;
}
.mf_finder_searchBox_selects label:after{top:5px!important;}
.mf_finder_searchBox_submit{
  background-color: #014099!important;
  border-radius: 0!important;
  width:50px!important;
}
.mf_finder_searchBox_submit span{
  display:none!important;
}
.mf_finder_searchBox_submit:before{display:inline-block!important; margin-left:0!important; font-size:2rem!important;}
.mf_finder_searchBox_query_input {
  display: inline-block!important;
  outline: none!important;
  font-size: 2rem!important;
  height: 45px!important;
  line-height: 45px!important;
  padding: 5px 10px!important;
}

/* result */
html:lang(ja) .mf_finder_searchBox .mf_finder_searchBox_query_input,
html:lang(ja) .mf_finder_searchBox .mf_finder_searchBox_query_input,
html:lang(ja-JP) .mf_finder_searchBox .mf_finder_searchBox_query_input,
html:lang(ja-JP) .mf_finder_searchBox .mf_finder_searchBox_query_input{background-image: none!important;}
.mf_finder_searchBox .mf_finder_searchBox_query_input::placeholder{opacity:.5;}
#mf_Result .mf_finder_searchBox{padding:25px; margin: 0 0 30px; background-color: #eee;}
#mf_Result .mf_finder_searchBox_submit{border-radius: 0; padding:0; width:45px!important; display:flex; justify-content: center; align-items: center;}
#mf_Result .mf_finder_searchBox_items{padding:0;}
#mf_Result .mf_finder_searchBox_selects{padding-top:10px;}
#mf_Result .mf_finder_searchBox_misc{display: inline-block; vertical-align:top;}
#mf_Result .mf_finder_searchBox_misc label{margin-left:10px;}
#mf_Result .mf_finder_searchBox_misc label::before{vertical-align: middle;}
#mf_Result .mf_finder_featured_contents{padding:20px;}
#mf_Result .mf_finder_organic_doc{cursor: pointer; transition: all 0.3s;}
#mf_Result .mf_finder_organic_doc:hover{background-color:#f0f0f0;}
#mf_Result .mf_finder_organic_doc_body_wrapper *{font-size:1.4rem; color:#666; line-height: 1.4;}
#mf_Result .mf_finder_organic_doc_url_wrapper *{font-size:1.2rem;}
#mf_Result .mf_finder_organic_doc_title_wrapper *{font-size:1.6rem;}
html:not([lang="ja"]) #mf_Result .mf_finder_query{margin:0 0.25rem 0 1.5rem;}
#mf_Result .mf_finder_organic_doc_contents_wrapper{margin-left: 20px;}
#mf_Result .mf_finder_query,
#mf_Result .mf_finder_query::before,
#mf_Result .mf_finder_query::after{font-size:2rem;}
#mf_Result .mf_finder_query span{font-size:2.8rem; vertical-align: top; display: inline-block; margin-top:-5px;}
#mf_Result .mf_finder_organic_nums *{font-size:2rem;}
#mf_Result .mf_finder_organic_total::after,
#mf_Result .mf_finder_organic_range_from::after,
#mf_Result .mf_finder_organic_range_to::after,
#mf_Result .mf_finder_organic_total::before,
#mf_Result .mf_finder_organic_range_from::before,
#mf_Result .mf_finder_organic_range_to::before{font-size:1.6rem;}
#mf_Result .mf_finder_organic_pager{margin:2em 0;}
#mf_Result .mf_finder_pager_items li a{border-radius: 0; padding:.25rem 1rem;}
#mf_Result .mf_finder_pager_items li a:hover{opacity: 0.8;}

  @media screen and (max-width:767px){
    #searchSet form{float:none;}
    #searchSet form{width:100%; margin:0; height:inherit;}
    #searchSet form::before{display: none!important;}
    #searchSet form input[type="text"],
    #mf_Result .mf_finder_searchBox_query_input{
      font-size:16px!important;
      height:40px!important;
      line-height: 35px!important;
      padding: 7px 5px!important;
    }
    #searchSet form input[type="text"]{border:none!important;}
    #searchSet .mf_finder_container{background: transparent;}
    .mf_finder_searchBox_doctype_select{background-color: #fff; font-size:16px!important;}
    #searchSet .mf_finder_searchBox_selects label:before{color:#fff!important;}
    #searchSet .mf_finder_searchBox{padding:0; background-color: transparent!important;}
    #searchSet .mf_finder_searchBox_items{padding:0 0 10px;}
    #searchSet .mf_finder_searchBox_submit{
      background-color: #022b66!important;
      height: 40px;
      width:40px!important;
    }
    #searchSet .mf_finder_searchBox_imgsize{display: none;}
    /* for iOS8 iphone5s */
    #searchSet .mf_finder_searchBox_items{align-items: stretch; display: -webkit-box; }
    #searchSet .mf_finder_searchBox_doctype{}
    #searchSet .mf_finder_searchBox_query_wrap{width:71%;}

    #mf_Result .mf_finder_searchBox{padding:15px;}
    #mf_Result .mf_finder_searchBox_submit{width:38px!important; height: 38px!important; margin-top: 1px!important;}
    #mf_Result .mf_finder_searchBox_useSelects .mf_finder_searchBox_category_select{width: auto!important;}
    #mf_Result .mf_finder_searchBox_category{padding-left: 0;}
    #mf_Result .mf_finder_searchBox_category:before{top:1px; left:2px;}
    #mf_Result .mf_finder_searchBox_misc label:nth-of-type(1){margin-left:0;}
    #mf_Result .mf_finder_searchBox_misc .mf_finder_searchBox_imgsize{display: none;}
    #mf_Result .mf_finder_searchBox_selects select,
    #mf_Result .mf_finder_searchBox_selects input{font-size:16px!important;}
    #mf_Result .mf_finder_searchBox_useToggle_show .mf_finder_searchBox_misc label select{width:inherit!important;}
    #mf_Result .mf_finder_searchBox_selects label:after{top:0.7rem!important;}
    #mf_Result .mf_finder_featured_contents{padding:10px;}
    #mf_Result .mf_finder_organic_header_wrapper{margin-left: 0;}
    #mf_Result .mf_finder_organic_wrapper *{max-width: 100%;}
    #mf_Result .mf_finder_query span{font-size:2rem;}
    #mf_Result .mf_finder_organic_nums *{font-size:1.6rem;}
    #mf_Result .mf_finder_organic_doc_contents_wrapper{margin-left: 0;}
    #mf_Result .mf_finder_organic_doc_body_wrapper *{font-size:1.4rem; line-height: 1.4;}
    #mf_Result .mf_finder_organic_doc_img_wrapper{display: none;}
    #mf_Result .mf_finder_organic_doc_url_wrapper span{
      width: 300px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
  }