@charset "UTF-8";
/* common
----------------------------------- */
html {
  font-family:"Noto Sans Japanese","ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","游ゴシック", YuGothic,'メイリオ',Meiryo,sans-serif;
}


/* Common
----------------------------------- */
#areaHeader #fieldHeader #utilityBox #searchBox .searchsubmit {
  margin-top: 0;
}
#areaHeader {
  padding-top: 5px;
}
#areaHeader #fieldHeader #utilityBox #searchBox input {
  height: 21px;
}
#areaHeader #fieldHeader #utilityBox .uNavBox02 {
    margin: 2px 0 7px 0;
}
#areaHeader #fieldHeader #containerMainHeader {
  padding: 2px 10px 3px 0px;
}
#areaHeader #fieldHeader h1 {
  padding: 8px 0 0 0;
}
.hd__sitemap {
  background-color: #efefef;
  font-size: 1.4rem;
  padding: 10px 0;
}
.hd__sitemap__wrap {
  width: 980px;
  margin: 0 auto;
}
.is-logos{
  float: left;
}
.is-sitemap{
  float: right;
  font-size: 1.4rem;
  color: #000;
  position: relative;
  margin-right: 23px;
  padding-left: 10px;
}
.is-sitemap:before{
  content:"";
  position: absolute;
  left: 0;
  top: 8px;
 width: 0;
height: 0;
border-style: solid;
border-width: 3px 0 3px 5.2px;
border-color: transparent transparent transparent #002074;
}
.hd__sitemap__wrap a:hover{
  text-decoration: underline;
}
.usbl {}
.usbl__wrap {
  width: 980px;
  margin: 0 auto;
}
.usbl__cnt {
  width: 280px;
  margin-left: 700px;
  position: absolute;
  z-index: 999;
  top: 155px;
}
.is-lower .usbl__cnt {
  position: relative;
  z-index: 999;
  top: 7px;
}
.usbl__cnt__prt {
  width: 80px;
  margin-right: 10px;
  float: left;
  height: 20px;
  line-height: 20px;
  background-color: #fff;
}
.usbl__cnt__prt a {
  display: block;
  color: #000;
  padding-left: 40px;
  position: relative;
  border: 1px solid #ddd;
  background-color: #fff;
}
.usbl__cnt__prt a:after {
  content:"";
  background-image: url(../../container/img/common/ic_printer.png);
  width: 16px;
  height: 16px;
  position: absolute;
  left: 12px;
  top: 2px;
}
.usbl__cnt__ftz {
  width: 190px;
  float: right;
}
.usbl__cnt__ftz__btn {
}
.usbl__cnt__ftz__btn li {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  float: left;
  text-align: center;
  background-color: #fff;
  color: #000;
  width: 39px;
  height: 22px;
  line-height: 22px;
  border-right: 1px solid #ddd;
}
.usbl__cnt__ftz__btn li:last-child {
  /*border-right: none;*/
}

.usbl__cnt__ftz__btn li.is-func {
  width: 73px;
  border-left: 1px solid #ddd;
}
.usbl__cnt__ftz__btn li.is-active {
  background-color: #eee;
}
.is-ttl {
  font-weight: bold;
  font-size: 2.4rem;
  color: #005bac;
}
.is-hover{
  display: inline-block;
  overflow: hidden;
  position: relative;
}

.is-hover:before, .is-hover:after{
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: transform .3s ease-out, opacity .3s ease-out;
  position: absolute;
  top: 0;
}
.is-hover:before{
  left: 0;
  transform: translate3d(-100%, 0, 0) scale(0);
}/*
.is-hover:after{
  right: 0;
  transform: translate3d(0, 100%, 0) scale(0);
}*/
.is-hover__label{
  position: relative;
  z-index: 2;
}
.is-hover:hover:before, .is-hover:hover:after,
.is-hover:focus:before, .is-hover:focus:after{
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}
.is-hover:focus{
  outline: none;
}
.is-hover:after,
.is-hover:before{
  background-color: #005bac;
}
.is-hover{
  /*padding: .5rem 1.5rem;*/
}
.is-hover:hover{
  color: #fff !important;
}
main {
  position: relative;
  transition:.5s;
}
.mn.is-pad {
  padding-bottom: 110px;
}
.mn.is-product {
  padding-bottom: 30px;
}

/* ------ Header ------ */

.is-pc{display: block;}
.is-sp{display: none;}
.pc-none{display: none;}
.nv{
  background: #fff;
  position: relative;
  border-bottom: 1px solid #ccc;
}
.nv__sub{
  position: absolute;
  top:40px;
  left:-100%;
  opacity: 0;
  background: rgba(0,0,0,.8);
  width: 100%;
  z-index: 1;
  transition: .3s ease opacity;
}
.nv__sub.is-active{
  left:0;
  opacity:1;
}
.nv__li{
  width: 980px;
  margin: 0 auto;
}
.nv__li > li{
  width: 140px;
  float:left;
  text-align: center;
  position: relative;
}
.nv__li > li p.pc-none {
  display: none;
}
.nv__li > li a,
.nv__li > li p{
  font-size: 1.2rem;
  /*font-weight: bold;*/
  display: block;
  color:#000;
  line-height: 40px;
  height:40px;
  transition: .3s ease all;
  letter-spacing: -0.5px;
}
.nv__li > li a:hover,
.nv__li > li.is-active a{
  background: #005bac;
  color:#fff;
  text-decoration: none;
}
.nv__li > li a:hover{
  background: #005bac;
  color:#fff;
  text-decoration: none;
}
.nv__li > li::before{
  content: "";
  position: absolute;
  top:10px;
  left:0;
  width:1px;
  height:20px;
  background: #ccc;
}
.nv__li > li.is-pcLast:after{
  content: "";
  position: absolute;
  top:10px;
  right:0;
  width:1px;
  height:20px;
  background: #ccc;
}
/*.nv__li  li:empty {
  display: none;
}*/
.nv__li > li:hover:before,
.nv__li > li:hover:after,
.nv__li > li.is-active:before{
  display: none;
}

.nv__sub{
  z-index: 99999;
}
.nv__sub__in{
  width: 980px;
  margin: 0 auto;
}
.nv__sub .prd__hd {
  padding:20px 0;
  position: relative;
  margin-bottom: 20px;
}

.nv__sub .prd__hd__close {
  position: absolute;
  top:20px;
  right:-40px;
}

.nv__sub .prd__hd__ttl {
  float: left;
  width: 235px;
}

.nv__sub .prd__hd__ttl {
  float: left;
  width: 340px;
}

.nv__sub .prd__hd__ttl__ttl {
  float: left;
  line-height: 60px;
  font-size: 2.4rem;
  font-weight: bold;
  color:#fff;
}
.nv__sub .prd__hd__ttl__ttl a:hover{
  text-decoration: underline;
}

.nv__sub .prd__hd__ttl__select {
  float: left;
  line-height: 60px;
  padding:0 0 0 20px;
}

.nv__sub .prd__hd__ttl__select__in {
  width: 140px;
  height:30px;
  line-height: 60px;
  position: relative;
}

.nv__sub .prd__hd__ttl__select select{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  border-radius: 0;
  width: 140px;
  height:30px;
  line-height: 30px;
  font-size: 1.2rem;
  padding:0 0 0 10px;
  background-color: #fff;
}

.nv__sub .prd__hd__ttl__select__in::before{
  content:"";
  position: absolute;
  top:14px;
  right:0;
  width: 20px;
  height:100%;
  background: #ccc;
  pointer-events: none;
}

.nv__sub .prd__hd__ttl__select__in::after{
  content:"";
  position: absolute;
  top:14px;
  right:0;
  width: 20px;
  height:100%;
  background: url(../../container/img/common/ic_arrow_right.png) 50% 50% no-repeat;
  pointer-events: none;
}


.nv__sub .prd__hd__mnu {
  float: left;
  width: 600px;
}
.nv__sub .prd__hd__mnu__ttl {
  float: left;
  display: block;
  width: 200px;
  background-color: #3c3d3e;
  color: #fff;
  font-weight: bold;
  background-image: url(../../container/img/common/ic_new.png);
  background-repeat: no-repeat;
  background-position: 20px center;
  -webkit-background-size: 20px auto;
  background-size: 20px auto;
  text-align: center;
  height: 60px;
  line-height: 60px;
  font-size: 1.2rem;
  border-right: 1px solid #000;
  transition:.3s;
}
.nv__sub .prd__hd__mnu__ttl:hover {opacity: .7;}
.nv__sub .prd__hd__mnu--list {
  float: right;
  width: 400px;
}
.nv__sub .prd__hd__mnu--list li {
  float: left;
  width: 50%;
  height: 30px;
  padding: 5px 0;
  transition:.3s;
  background-color: #888;
}
.nv__sub .prd__hd__mnu--list li:first-child,
.nv__sub .prd__hd__mnu--list li:nth-child(2) {
  border-bottom: 1px solid #000;
}
.nv__sub .prd__hd__mnu--list li a {
  background-color: #888;
  display: block;
  line-height: 20px;
  font-size: 1.0rem;
  font-weight: bold;
  text-align: center;
  background-repeat: no-repeat;
  background-position: 10px center;
  padding: 0 0 0 20px;
  transition:.3s;
}
.nv__sub .prd__hd__mnu--list li:hover {opacity: .7;}
.nv__sub .prd__hd__mnu--list li .is-change {
  border-right: 1px solid #fff;
  background-image: url(../../container/img/common/ic_change.png);
  -webkit-background-size: 13px auto;
  background-size: 13px auto;
}
.nv__sub .prd__hd__mnu--list li .is-finish {
  background-image: url(../../container/img/common/ic_close.png);
  -webkit-background-size: 15px auto;
  background-size: 15px auto;
}
.nv__sub .prd__hd__mnu--list li .is-standard {
  border-right: 1px solid #fff;
  background-image: url(../../container/img/common/ic_gear.png);
  -webkit-background-size: 20px auto;
  background-size: 20px auto;
}
.nv__sub .prd__hd__mnu--list li .is-rohs {
  background-image: url(../../container/img/common/ic_leaf.png);
  -webkit-background-size: 21px auto;
  background-size: 21px auto;
}
.nv__sub .prd__hd__mnu__ttl:visited,
.nv__sub .prd__hd__mnu--list li a:visited,
.nv__sub .prd__hd__mnu__ttl:link,
.nv__sub .prd__hd__mnu--list li a:link,
.nv__sub .prd__hd__mnu__ttl:hover,
.nv__sub .prd__hd__mnu--list li a:hover {
  text-decoration: none;
  color: #fff;
}

.nv__sub__li_box{padding:0 0 40px;}
.nv__sub__li li a:empty{
  display: none !important;
}
.nv__sub__li{
  width:326px;
  float:left;
  margin-top: 20px;
}
.nv__sub__li:last-child{
  width:327px;
}
.nv__sub__li > li{
  border-bottom:1px solid #000;
  border-right:1px solid #000;
  position: relative;
}
.nv__sub__li > li:last-child{border-bottom:none;}
.nv__sub__li > li a{
  display: block;
  font-size: 1.2rem;
  /*font-weight: bold;*/
  /*line-height: 30px;*/
  padding:8px 30px 8px 10px;
  position: relative;
  color:#000;
  transition: .3s ease all;
  background: rgba(255,255,255,1);
  line-height:1.6rem;
}
.nv__sub__li > li a:hover{
  background: rgba(255,255,255,.8);
  text-decoration: none;
}

.nv__sub__li:nth-child(2) > li a{      background: rgba(255,255,255,.8);}
.nv__sub__li:nth-child(3) > li a{      background: rgba(255,255,255,.6);}
.nv__sub__li:nth-child(2) > li a:hover{background: rgba(255,255,255,.6);}
.nv__sub__li:nth-child(3) > li a:hover{background: rgba(255,255,255,.4);}

.nv__sub__li > li.is-orange a::before{background:#ff9933;}
.nv__sub__li > li.is-green a::before{ background:#76b531;}
.nv__sub__li > li.is-sky a::before{   background:#00b0f0;}
.nv__sub__li > li.is-indigo a::before{background:#366092;}
.nv__sub__li > li.is-moss a::before{  background:#008080;}
.nv__sub__li > li.is-blue a::before{  background:#005bac;}

.nv__sub__li.is-orange > li a::before{background:#ff9933;}
.nv__sub__li.is-green > li a::before{ background:#76b531;}
.nv__sub__li.is-sky > li a::before{   background:#00b0f0;}
.nv__sub__li.is-indigo > li a::before{background:#366092;}
.nv__sub__li.is-moss > li a::before{  background:#008080;}
.nv__sub__li.is-blue > li a::before{  background:#005bac;}

.nv__sub__li.is-orange{background:#ff9933;}
.nv__sub__li.is-green{ background:#76b531;}
.nv__sub__li.is-sky{   background:#00b0f0;}
.nv__sub__li.is-indigo{background:#366092;}
.nv__sub__li.is-moss{  background:#008080;}
.nv__sub__li.is-blue{  background:#005bac;}

.nv__sub__li > li.is-orange{background:#ff9933;}
.nv__sub__li > li.is-green{ background:#76b531;}
.nv__sub__li > li.is-sky{   background:#00b0f0;}
.nv__sub__li > li.is-indigo{background:#366092;}
.nv__sub__li > li.is-moss{  background:#008080;}
.nv__sub__li > li.is-blue{  background:#005bac;}

.nv__sub__li > li a::before{
  content:"";
  position: absolute;
  top:0;
  right:0;
  width: 20px;
  height:100%;
  background: #aaa;
}

.nv__sub__li > li a::after{
  content:"";
  position: absolute;
  top:0;
  right:0;
  width: 20px;
  height:100%;
  background: url(../../container/img/common/ic_arrow_right.png) 50% 50% no-repeat;
}

.nv__sub__li > li.is-external::before{
  content:"";
  position: absolute;
  top:10px;
  right:30px;
  z-index: 1;
  width: 11px;
  height: 10px;
  background: url(../../container/img/common/ic_blank.png) 0 0 no-repeat;
}

@media screen and (min-width : 640px) {
  .mif__cnt__wrap__sp.is-active {
    display: none !important;
  }

}

/* ------ Footer ------ */

.ft{
  background: #777;
  color:#fff;
}
.ft a{color:#fff;}
.ft a:hover{text-decoration: underline;}
.ft__in{
  width: 980px;
  margin: 0 auto;
  padding:60px 0;
}
.ft__col01,
.ft__col02,
.ft__col03{
  float:left;
}
.ft__col01{
  width: 380px;
  margin:0 20px 0 0;
}
.ft__col02{
  width: 280px;
  margin:0 20px 0 0;
}
.ft__col03{width: 280px;}
.ft__ttl{
  font-size: 1.6rem;
  margin:0 0 20px;
  padding:0 0 10px;
  border-bottom: 1px solid #fff;
  letter-spacing: -1px;
}
.ft--ttl_li{
  margin:0;
  border:0;
}
.ft--ttl_seminar{margin: 0 0 40px;}
.ft__ttl a{
  display: block;
  position: relative;
}
.ft__ttl a::before{
  content:"";
  position: absolute;
  top:8px;
  right:0;
  width: 7px;
  height: 10px;
  background: url(../../container/img/common/ic_arrow_right.png) 0 0 no-repeat;
}
.ft__ttl_btn{
  padding:0 0 0 30px;
  position: relative;
  font-size: 1.2rem;
  cursor: pointer;
}
.ft__ttl_btn::before{
  content:"";
  width: 20px;
  height:20px;
  background: #333;
  position: absolute;
  top:-1px;
  left:0;
}
.ft__ttl_btn::after{
  content: "+";
  width: 20px;
  height: 20px;
  line-height: 16px;
  text-align: center;
  position: absolute;
  top: -1px;
  left: 0;
  font-size: 1.9rem;
  letter-spacing: -1px;
}
.ft__ttl_btn.is-active::after{
  content: "?";
}
.ft__li{
  font-size: 1.2rem;
  margin: 0 0 40px;
  line-height: 1.5;
}
.ft__li_box{margin:0 0 20px;}
.ft--toggle_li{
  margin: 0;
  padding:0 0 0 30px;
  display: none;
}
.ft__li > li{
  position: relative;
  padding:0 0 0 7px;
}
.ft__li > li::before{
  content:"-";
  position: absolute;
  top:0;
  left:0;
}
.ft--li_ex{
  margin: 0;
  padding:0 0 0 30px;
  width: 160px;
}
.ft--li_ex > li{
  margin:0 0 20px;
  padding:0;
}
.ft--li_ex > li:last-child{margin: 0;}
.ft--li_ex > li::before{display: none;}
.ft--li_ex > li a{display: block;}
.ft--li_ex > li a::after{
  content:"";
  position: absolute;
  top:5px;
  right:0;
  width: 11px;
  height: 10px;
  background: url(../../container/img/common/ic_blank.png) 0 0 no-repeat;
}

.ft__bot{
  text-align: center;
  line-height: 40px;
  height:40px;
  background: #333333;
  font-weight: bold;
}

/* ------ fixmenu ------ */
.fixmnu {
  width: 980px;
  margin: 0 auto;
  position: relative;
}
.fixmnu__wrap {
  position: absolute;
  left: auto;
  width: 120px;
  margin:0 0 0 1020px;
  top: -60px;
  z-index: 999;
  transition:.7s;
}
.fixmnu__wrap.is-bln {
  top: -170px;
}
.fixmnu__wrap.is-lower {
  top: -30px;
}
.fixmnu__wrap.is-lower.is-bln {
  top: -140px;
}
.fixmnu.is-fixed .fixmnu__wrap.is-bln{
  position: fixed;
  top: 10px;
}
.fixmnu.is-fixed .fixmnu__wrap{
  position: fixed;
  top: 120px;
}
.fixmnu.is-fixed .fixmnu__wrap.is-timeout,
.is-loginAfter.fixmnu.is-fixed .fixmnu__wrap{
  position: fixed;
  top: 10px;
}
.fixmnu__bln {
  position: relative;
  left: 50%;
  margin-left: -95px;
  background-color: #333;
  color: #fff;
  border-radius: 3px;
  padding: 10px;
  font-size: 1.0rem;
  line-height: 1.4rem;
  width: 190px;
  margin-bottom: 20px;
}
.fixmnu__bln:after {
  content:"";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 5px 0 5px;
  border-color: #333333 transparent transparent transparent;
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -5px;
}
.fixmnu__trg {
  display: none;
  background-color: #3c3e3d;
  color: #fff;
  margin-bottom: 5px;
  background-repeat: no-repeat;
  height: 40px;
  background-position: left 10px center;
  text-align: center;
  line-height: 40px;
}
.fixmnu__trg.is-active {
  display: block;
}
.is-open {
  background-image: url(../../container/img/common/ic_menu.png);
  -webkit-background-size: 10px auto;
  background-size: 10px auto;
      padding-left: 10px;
}
.is-close {
  background-image: url(../../container/img/common/ic_close.png);
  -webkit-background-size: 10px auto;
  background-size: 10px auto;
}
.fixmnu__list {
  /*display: none;*/
}
.fixmnu__list li{}
.fixmnu__list li a {
  display: block;
  height: 50px;
  color: #fff;
  line-height: 50px;
  text-align: center;
  font-size: 1.0rem;
  position: relative;
  transition:.3s;
}
.fixmnu__list li a:hover {
  opacity: .7;
}
.fixmnu__list li.lh a {
  line-height: 1.6rem;
  padding-top: 8px;
}
.fixmnu__list .is-login a {
  background-color: #fdc235;
  border-bottom: 1px solid #fff;
}
.fixmnu__list .is-blue a {
  background-color: #005bac;
  border-bottom: 1px solid #fff;
}
.fixmnu__list .is-lightBlue a {
  background-color: #d6e4fd;
  border-bottom: 1px solid #fff;
  color: #000;
}
.fixmnu__list .is-fe a {
  line-height: 1.2rem;
  padding-top: 10px;
}
.fixmnu__list .is-fe a span {
  display: block;
  font-size: 1.0rem;
  line-height: 1.1rem;
  transform: scale(0.7);
  margin-top: 3px;
}
.fixmnu__list .is-new a {}
.fixmnu__list .is-catalog a {}
.fixmnu__list .is-standard a {}
.fixmnu__list .is-blank a:after {
  position: absolute;
  content:"";
  background-repeat: no-repeat;
  background-image: url(../../container/img/common/ic_blank.png);
  -webkit-background-size: 11px auto;
  background-size: 11px auto;
  right: 2px;
  bottom: 3px;
  width: 11px;
  height: 10px;
}
.fixmnu__list .is-userName {
  border: 1px solid #5850a3;
  padding: 5px;
  background-color: #fff;
  font-size: 1.0rem;
  margin-bottom: 1px;
}
 .fixmnu__userName__ttl {
   color: #fff;
   background-color: #5850a3;
   font-size: 1.0rem;
   text-align: center;
   padding: 2px 0;
 }
 .pgtp {
   width: 980px;
   margin: 0 auto;
   position: relative;
 }
 .pgtp__wrap {
   position: fixed;
   margin-left: 1020px;
   bottom: 10px;
   width: 120px;
   text-align: center;
   padding: 5px 0;

 }
 .pgtp__wrap a {
   padding-left: 20px;
   background-image: url(../../container/img/common/ic_arrow-up_bl.png);
   background-repeat: no-repeat;
   background-position: left 10px center;
   font-weight: bold;
   display: block;
/*   text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px,
             #fff 1px -1px 0px, #fff -1px -1px 0px;*/
 }

/* TOP
----------------------------------- */


/* ------ slider ------ */
.sl {
  margin-bottom: 20px;
}
.top .sl .sl__main .slick-next {
  right: 0;
  width: 100px;
  height: 100%;
  z-index: 999;
  background-image: url(../../container/img/common/ic_slide_next.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.top .sl .sl__main .slick-prev {
  left: 0;
  width: 80px;
  height: 100%;
  z-index: 999;
  background-image: url(../../container/img/common/ic_slide_prev.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.top .sl .sl__main__sp .slick-next {
  right: -30px;
  width: 80px;
  height: 100%;
  z-index: 999;
  background-image: url(../../container/img/common/ic_slide_next.png);
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: 15px auto;
  background-size: 15px auto;
}
.top .sl .sl__main__sp .slick-prev {
  left: -38px;
  width: 100px;
  height: 100%;
  z-index: 999;
  background-image: url(../../container/img/common/ic_slide_prev.png);
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: 15px auto;
  background-size: 15px auto;
}
.sl__main {
  /*width: 980px;*/
  /*margin: 0 auto;*/
}
.sl__main li {
  transition:.3s;
}
.sl__main img {
  width: 100%;
}
.sl__main__thumb {
  width: 980px;
  margin: 20px auto;
  height: 40px;
}
.sl__main__thumb li {
  margin-right: 10px;
  cursor:pointer;
  transition:.3s;
}
.sl__main__thumb li:hover {
  opacity: .7;
}
.sl__main__thumb li:last-child {
  margin-right: 0;
}
.sl__main__thumb img {
  width: 100%;
}
/* ------ Membership ------ */
.ms {
  width: 940px;
  height: 90px;
  margin: 0 auto 40px;
  color: #fff;
}
.ms__txtbox {
  width: 580px;
  background-color: #005bac;
  float: left;
  height: 90px;
  padding: 13px 20px;
}
.ms__txtbox__ttl {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 13px;
}
.ms__txtbox__lead {
  font-size: 1.2rem;
  font-weight: bold;
}
.ms__login {
  width: 360px;
  float: right;
  text-align: center;
  height: 90px;
  background-color: #e8f0fe;
}
.ms__login__btn {
  display: block;
  width: 250px;
  position: relative;
  text-align: center;
  font-weight: bold;
  font-size: 1.6rem;
  margin: 10px auto;
  color: #fff;
  text-decoration: none;
  background-color: #FCC146;
  padding: 8px 0;
  transition: .3s;
  height: 40px;
}
.ms__login__btn:hover {
  text-decoration: none;
  opacity: .7;
}
.ms__login__btn:visited,
.ms__login__btn:link {
  color: #fff;
  text-decoration: none;
}
.ms__login__btn:after {
  content:"";
  width: 20px;
  height: 40px;
  background-color: #fb940b;
  background-image: url(../../container/img/common/ic_arrow_right.png);
  background-repeat: no-repeat;
  -webkit-background-size: 7px auto;
  background-size: 7px auto;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
}
.ms__login__q {
  font-size: 1.0rem;
  color: #333;
  /*border-bottom: 2px solid #c5ccd7;*/
  font-weight: bold;
}
.ms__login__q:hover,
.ms__login__q:visited,
.ms__login__q:link {
  color: #333;
  text-decoration: none;
}
.ms__login__q:hover {
  text-decoration: underline;
}

/* ------ product ------ */
.prd {
  padding-bottom: 40px;
}
.prd__hd {
  width: 940px;
  margin: 0 auto 15px;
  height: 60px;
}
.prd__hd__ttl {
  float: left;
  width: 235px;
  line-height: 60px;
}
.prd__hd__mnu {
  float: right;
  width: 705px;
}
.prd__hd__mnu__ttl {
  float: left;
  display: block;
  width: 235px;
  background-color: #3c3d3e;
  color: #fff;
  background-image: url(../../container/img/common/ic_new.png);
  background-repeat: no-repeat;
  background-position: 20px center;
  -webkit-background-size: 20px auto;
  background-size: 20px auto;
  text-align: center;
  height: 60px;
  line-height: 60px;
  font-size: 1.2rem;
  border-right: 1px solid #fff;
  transition:.3s;
}
.prd__hd__mnu__ttl:hover {
  opacity: .7;
}
.prd__hd__mnu--list {
  float: right;
  width: 470px;
  /*background-color: #888;*/
}
.prd__hd__mnu--list li {
  float: left;
  width: 50%;
  height: 30px;
  padding: 5px 0;
  transition:.3s;
  background-color: #888;
}
.prd__hd__mnu--list li:first-child,
.prd__hd__mnu--list li:nth-child(2) {
  border-bottom: 1px solid #fff;
}
.prd__hd__mnu--list li a {
  background-color: #888;
  display: block;
  line-height: 20px;
  font-size: 1.0rem;
  text-align: center;
  background-repeat: no-repeat;
  background-position: 30px center;
  transition:.3s;
}
.prd__hd__mnu--list li:hover {
  opacity: .7;
}
.prd__hd__mnu--list li .is-change {
  border-right: 1px solid #fff;
  background-image: url(../../container/img/common/ic_change.png);
  -webkit-background-size: 13px auto;
  background-size: 13px auto;
}
.prd__hd__mnu--list li .is-finish {
  background-image: url(../../container/img/common/ic_close.png);
  -webkit-background-size: 15px auto;
  background-size: 15px auto;
}
.prd__hd__mnu--list li .is-standard {
  border-right: 1px solid #fff;
  background-image: url(../../container/img/common/ic_gear.png);
  -webkit-background-size: 20px auto;
  background-size: 20px auto;
}
.prd__hd__mnu--list li .is-rohs {
  background-image: url(../../container/img/common/ic_leaf.png);
  -webkit-background-size: 21px auto;
  background-size: 21px auto;
}
.prd__hd__mnu__ttl:visited,
.prd__hd__mnu--list li a:visited,
.prd__hd__mnu__ttl:link,
.prd__hd__mnu--list li a:link,
.prd__hd__mnu__ttl:hover,
.prd__hd__mnu--list li a:hover {
  text-decoration: none;
  color: #fff;
}

.prd__panel {
  width: 980px;
  margin: 0 auto;
  cursor: pointer;
}
.prd__panel.is-link {
  margin-top: 20px;
}
.prd__panel li {
  float: left;
  width: 25%;
  border-right: 1px solid #fff;
      -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.prd__panel li:last-child {
  border-right: none;
}
.prd__panel li:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.prd__panel li:hover:after {
      -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.prd__panel li.is-orange:after {
  background-color: #f9efd6;
}
.prd__panel li.is-green:after {
  background-color: #f0f7d5;
}
.prd__panel li.is-lightBlue:after {
  background-color: #c8dce3;
}
.prd__panel li.is-blue:after {
  background-color: #dfedfd;
}
.prd__panel li.is-viridian:after {
  background-color: #cbe4e4;
}
.prd__panel__ttl {
  position: relative;
  text-align: center;
  color: #fff;
  font-size: 1.4rem;
  padding: 10px 0;
  /*font-weight: bold;*/
  height: 44px;
}
.prd__panel__ttl.lh {
  line-height: 1.8rem;
  padding: 3px 0 0 0;
}
.is-blank .prd__panel__ttl {
  color: #333;
  border-top: 5px solid #005bac;
  padding: 5px 0 10px;
}
.prd__panel__ttl:after {
  content:"";
  position: absolute;
  left: 50%;
  margin-left: -4px;
  bottom: -8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 4px 0 4px;
}
.prd__panel__img {
  width: 100%;
}
.is-orange .prd__panel__ttl {
  background-color: #ff9933;
}
.is-orange .prd__panel__ttl:after {
  border-color: #ff9933 transparent transparent transparent;
}
.is-green .prd__panel__ttl {
  background-color: #76b531;
}
.is-green .prd__panel__ttl:after {
  border-color: #76b531 transparent transparent transparent;
}
.is-lightBlue .prd__panel__ttl {
  background-color: #00b0f0;
}
.is-lightBlue .prd__panel__ttl:after {
  border-color: #00b0f0 transparent transparent transparent;
}
.is-blue .prd__panel__ttl {
  background-color: #366092;
}
.is-blue .prd__panel__ttl:after {
  border-color: #366092 transparent transparent transparent;
}
.is-viridian .prd__panel__ttl {
  background-color: #008080;
}
.is-viridian .prd__panel__ttl:after {
  border-color: #008080 transparent transparent transparent;
}
.prd__ac {
  background-color: #777;
  box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.35);
  padding: 10px 0 20px 0;
  display: none;
}
.prd__ac__hd {
  width: 980px;
  margin: 0 auto 10px;
}
.prd__ac__ttl {
  font-size: 1.6rem;
  font-weight: bold;
  display: inline-block;
  float: left;
  color: #FFF;
  line-height: 45px;
  margin-right: 94px;
}
.prd__ac__hd--btn {
  display: block;
  width: 235px;
  border: 1px solid #fff;
  font-size: 1.6rem;
  font-weight: bold;
  background-image: url(../../container/img/common/ic_arrow_right.png);
  -webkit-background-size: 7px auto;
  background-size: 7px auto;
  background-position: right 7px center;
  background-repeat: no-repeat;
  background-color: #005bac;
  padding: 0 10px;
  float: left;
  height: 45px;
  line-height: 45px;
  transition:.3s;
}
.famd {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 710px;
  margin: 20px auto;
  text-align: center;
  border-top: 5px solid #005bac;
}
.famd__ttl {
  display: inline-block;
  font-size: 1.8rem;
  font-weight: bold;
  color: #005bac;
  height: 30px;
  line-height: 30px;
  margin-bottom: 20px;
  padding-left: 40px;
  background-image: url(../../container/img/common/ic_fv.png);
  background-repeat: no-repeat;
  background-position: left top;
}
.famd__info {
  font-size: 1.2rem;
  margin-bottom: 20px;
}
.famd .mpfv__wrap__itm {
  width: 330px;
  text-align: left;
}
.famd .is-changeBtn {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 15px;
}
.prd__ac__hd--btn:hover,
.prd__ac__hd--btn:link,
.prd__ac__hd--btn:visited {
  color: #fff;
  text-decoration: none;
}
.prd__ac__hd--btn:hover {
  opacity: .7;
}
.prd__ac__hd--btn.is-spec {
  margin: 0 10px;
}
.prd__ac__hd--btn.is-format {
  background-color: #3c3d3e;
  font-size: 1.2rem;
  border: none;
}
.prd__ac__bd {
  width: 980px;
  margin: 0 auto;
}
.prd__ac__bd--list {
  float: left;
  width: 25%;
}
.prd__ac__bd--list li {
}
.prd__ac__bd--list li a {
  display: block;
  background-color: #fff;
  transition:.3s;
  border: 1px solid #eee;
  border-collapse: collapse;
  position: relative;
  height: 81px;
  padding: 10px 30px 10px 10px;
}
.prd__ac__bd--list li a:hover,
.prd__ac__bd--list li a:link,
.prd__ac__bd--list li a:visited {
  color: #333;
  text-decoration: none;
}
.prd__ac__bd--list li a:before {
  content:"";
  display: block;
  position: absolute;
  width: 20px;
  height: 79px;
  background-image: url(../../container/img/common/ic_arrow_right.png);
  background-position: center center;
  -webkit-background-size: 7px auto;
  background-size: 7px auto;
  top: 0;
  right: 0;
  background-repeat: no-repeat;
  border-bottom: 1px solid #eee;
}
.is-orange .prd__ac__bd--list li a:before {
  background-color: #ff9933;
}
.is-green .prd__ac__bd--list li a:before {
  background-color: #76b531;
}
.is-lightBlue .prd__ac__bd--list li a:before {
  background-color: #00b0f0;
}
.is-blue .prd__ac__bd--list li a:before {
  background-color: #366092;
}
.is-viridian .prd__ac__bd--list li a:before {
  background-color: #008080;
}
.is-orange .prd__ac__bd--list li a:hover {
  background-color: #f9efd6;
}
.is-green .prd__ac__bd--list li a:hover {
  background-color: #f0f7d5;
}
.is-lightBlue .prd__ac__bd--list li a:hover {
  background-color: #c8dce3;
}
.is-blue .prd__ac__bd--list li a:hover {
  background-color: #dfedfd;
}
.is-viridian .prd__ac__bd--list li a:hover {
  background-color: #cbe4e4;
}
.prd__ac__bd--img {
  float: left;
  /*width: 40%;*/
  height: 60px;
}
.prd__ac__bd--list li img {
  width: 100%;
}
.prd__ac__bd--list li p {
  float: right;
  width: calc(60% - 20px) ;
}

/* ------ Solution ------ */
.sol {
  background-color: #f0f0f0;
  padding: 40px 0;
}
.sol__wrap {
  width: 980px;
  margin: 0 auto;
}
.sol__hd {
  margin-bottom: 25px;
}
.sol__hd__ttl {
  display: inline-block;
  float: left;
}
.sol__hd__btn {
  display: block;
  font-size: 1.2rem;
  font-weight: bold;
  width: 200px;
  float: right;
  color: #333;
  position: relative;
  height: 30px;
  line-height: 30px;
  border: 1px solid #eee;
  background-color: #fff;
  padding-left: 17px;
}
.sol__hd__btn:after {
  position: absolute;
  top: 0;
  right: 0;
  content:"";
  height: 29px;
  width: 20px;
  background-color: #ccc;
  background-image: url(../../container/img/common/ic_arrow_right.png);
  background-repeat: no-repeat;
  background-position: 7px auto;
  background-position: center center;
}
.sol__hd__btn:hover,
.sol__hd__btn:visited,
.sol__hd__btn:link {
  text-decoration: none;
  color: #333;
}
.sol__cnt {}
.sol__cnt__panel {
  display: block;
  float: left;
  width: 50%;
  position: relative;
  height: 200px;
  margin-bottom: 1px;
}
.sol__cnt__panel:nth-child(2),
.sol__cnt__panel:nth-child(4) {
  float: right;
  width: calc(50% - 1px);
}
.sol__cnt__panel--img {
  width: 100%;
}
.sol__cnt__panel--ttl {
  background-color: rgba(255,255,255,.7);
  color: #333;
  height: 44px;
  position: absolute;
  bottom: 0;
  left: 0;
  line-height: 44px;
  font-size: 1.2rem;
  width: 100%;
  padding-left: 20px;
  transition:.3s;
}
.sol__cnt__panel:hover .sol__cnt__panel--ttl {
  background-color: #fff;
}
.sol__cnt__panel--ttl:after {
  content:"";
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: 43px;
  background-color: #005bac;
  background-image: url(../../container/img/common/ic_arrow_right.png);
  -webkit-background-size: 7px auto;
  background-size: 7px auto;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 9999;
}
.sol__cnt__panel--lead {
  opacity: 0;
  background-color: rgba(0,0,0,.7);
  transition: .3s;
  color: #fff;
  padding: 20px 35px;
  position: absolute;
  width: 100%;
  height: calc(100% - 44px);
  top: 0;
  right: 0;
  z-index: 999;
  font-size: 1.2rem;
  line-height: 3.0rem;
}
.sol__cnt__panel:hover .sol__cnt__panel--lead {
  opacity: 1;
}

/* ------ New Product ------ */
.nwp {
  padding: 40px 0;
}
.nwp__slide {
  width: 980px;
  margin: 0 auto 40px;
}
.nwp__arrows {
  width: 980px;
  margin: 0 auto;
}
.top .nwp .slick-next {
  right: 50%;
  margin-right: -540px;
}
.top .nwp .slick-next:before,
.top .nwp .slick-prev:before{
  background-image: url(../../container/img/common/ic_cal-arrow_right.png);
  content:"";
  width: 20px;
  height: 32px;
  -webkit-background-size: 20px auto;
  background-size: 20px auto;
  background-position: center center;
  display: block;
}
.top .nwp .slick-prev {
  left: 50%;
  margin-left: -540px;
}
.top .nwp .slick-prev,
.top .nwp .slick-next {
  height: 32px;
}
.top .nwp .slick-prev:before {
  background-image: url(../../container/img/common/ic_cal-arrow_left.png);
}
.nwp__slide__panel {
  display: block;
}
.nwp__slide__panel__ttl {
  position: relative;
  height: 50px;
  line-height: 50px;
  font-size: 1.2rem;
  transition:.3s;
  border: 1px solid #eee;
  padding-left: 20px;
}
.nwp__slide__panel__ttl:after {
  content:"";
  width: 20px;
  height: 48px;
  background-color: #ccc;
  position: absolute;
  top: 0;
  right: 0;
  background-image: url(../../container/img/common/ic_arrow_right.png);
  -webkit-background-size: 7px auto;
  background-size: 7px auto;
  background-repeat: no-repeat;
  background-position: center center;
}
.nwp__slide__panel:hover .nwp__slide__panel__ttl {
  background-color: #ccc;
  color: #fff;
}
.nwp__mnu {
  width: 940px;
  margin: 0 auto;
}
.nwp__mnu__btn {
  float: left;
  width: 25%;
}
.nwp__mnu__btn > a {
  display: block;
  background-color: #333;
  color: #fff;
  text-align: center;
  padding: 7px 0;
  background-repeat: no-repeat;
  background-position: left 30px center;
  font-size: 1.0rem;
  border-right: 1px solid #fff;
  transition:.3s;
}
.nwp__mnu__btn > a:hover {
  opacity: .7;
}
.nwp__mnu__btn.is-tel a {
  background-image: url(../../container/img/common/ic_tel.png);
}
.nwp__mnu__btn.is-mail a {
  background-image: url(../../container/img/common/ic_mail.png);
}
.nwp__mnu__btn.is-network {
  position: relative;
  transition:.3s;
}
.nwp__mnu__btn.is-network select{
      -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: 0;
    height: 29px;
    font-size: 1.2rem;
  cursor: pointer;
  color: #fff;
  text-align: center;
  padding: 7px 0 7px 60px;
  background-repeat: no-repeat;
  font-size: 1.0rem;
  position: relative;
  width: 100%;
  background-color: #005bac;
}
.nwp__mnu__btn.is-network:hover {
  opacity: .7;
}
.nwp__mnu__btn.is-network:after {
  content:"";
  height: 29px;
  width: 30px;
  background-image: url(../../container/img/common/ic_arrow_down.png);
  background-repeat: no-repeat;
  background-color: #002074;
  position: absolute;
  background-position: center center;
  top: 0;
  right: 0;
}
.nwp__list__wrap {
  width: 940px;
  margin: 0 auto;
  position: relative;
  transition: .5s;
}
.nwp__list__wrap.is-active {
  margin-bottom: 235px;
}
.nwp__mnu__btn--list {
  width: 25%;
  display: none;
  position: absolute;
  top: 0;
  right: 0;
}
.nwp__mnu__btn--list li {}
.nwp__mnu__btn--list li a {
  display: block;
  cursor: pointer;
  background-color: #d6e4fd;
  color: #000;
  text-align: center;
  padding: 7px 0;
  background-repeat: no-repeat;
  font-size: 1.0rem;
  position: relative;
  transition:.3s;
}
.nwp__mnu__btn--list li a:hover {
  background-color: #005bac;
  color: #fff;
}


/* ------ News ------ */
.news {
  padding: 60px 0;
  background-color: #f0f0f0;
}
.news__wrap {
  width: 980px;
  margin: 0 auto;
}
.news__hd {}
.news__hd__tab {
  width: 480px;
  float: left;
  height: 60px;
  line-height: 60px;
  background-color: #777;
  padding: 0 10px 0 20px;
}
.news__hd__tab.is-active {
  background-color: #fff;
}
.news__hd__tab.is-update {
  float: right;
}
.news__hd__tab--ttl {
  display: inline-block;
  float: left;
  color: #fff;
}
.is-active .news__hd__tab--ttl {
  color: #005bac;
}
.news__hd__tab--btn {
  display: block;
  font-size: 1.2rem;
  font-weight: bold;
  width: 120px;
  float: right;
  color: #333;
  position: relative;
  height: 30px;
  line-height: 30px;
  border: 1px solid #eee;
  background-color: #fff;
  padding-left: 20px;
  float: right;
  margin-top: 15px;
}
.news__hd__tab--btn:after {
  position: absolute;
  top: 0;
  right: 0;
  content:"";
  height: 29px;
  width: 20px;
  background-color: #ccc;
  background-image: url(../../container/img/common/ic_arrow_right.png);
  background-repeat: no-repeat;
  background-position: 7px auto;
  background-position: center center;
}
.news__hd__tab--btn:hover,
.news__hd__tab--btn:visited,
.news__hd__tab--btn:link {
  text-decoration: none;
  color: #333;
}
.news__list {
  background-color: #fff;
  padding: 20px;
  display: none;
}
.news__list.is-active {
  display: block;
}
.news__list dt {
  display: inline-block;
  font-size: 1.2rem;
  width: 90px;
  margin-right: 10px;
}
.news__list dd {
  display: inline-block;
  width: calc(100% - 120px);
  font-size: 1.2rem;
  margin-bottom: 10px;
}
.news__list--cat {
  display: inline-block;
  text-align: center;
  color: #fff;
  width: 70px;
  margin-right: 10px;
  padding: 1px 0;
}
.news__list--cat.is-company {
  background-color: #19c8ca;
}
.news__list--cat.is-product {
  background-color: #005bac;
}
.news__list--link {
  /*border-bottom: 2px solid #eee;*/
}
.news__list--link:hover {
  text-decoration: underline;
}

/* ------ Important Notices ------ */
.ipn {
  padding-top: 40px;
}
.ipn__wrap {
  width: 980px;
  margin: 0 auto;
  padding-bottom: 60px;
  border-bottom: 1px solid #eee;
}
.ipn__ttl {
  padding-left: 60px;
  background-image: url(../../container/img/common/ic_caution.png);
  -webkit-background-size: 32px auto;
  background-size: 32px auto;
  background-position: left center;
  background-repeat: no-repeat;
  margin-bottom: 40px;
}
.ipn__list {
  border: 1px solid #eee;
  padding: 35px 25px;
}
.ipn__list dt {
    display: inline-block;
  font-size: 1.2rem;
  width: 90px;
  margin-right: 10px;
}
.ipn__list dd {
  display: inline-block;
  width: calc(100% - 120px);
  font-size: 1.2rem;
  margin-bottom: 10px;
}
.ipn__list--link {
  /*border-bottom: 2px solid #eee;*/
}
.ipn__list--link:hover {
  text-decoration: underline;
}

/* ------ Foot banner ------ */
.ftb {
  padding: 60px 0;
}
.ftb__wrap {
  width: 980px;
  margin: 0 auto;
  position: relative;
}
.ftb__btn {
  position: relative;
  display: block;
  height: 80px;
  line-height: 80px;
  background-color: #d6e4fd;
  width: 320px;
  float: left;
  margin-bottom: 10px;
  font-size: 1.2rem;
  font-weight: bold;
  padding-left: 20px;
}
.ftb__btn:nth-child(2),
.ftb__btn:nth-child(5) {
  margin: 0 10px;
}
.ftb__btn.lh {
  line-height: 1.8rem;
  padding-top: 24px;
}
.ftb__btn.is-research {
  padding-left: 90px;
  background-image: url(../../container/img/common/ic_research.png);
  background-repeat: no-repeat;
  background-position: left 10px center;
  -webkit-background-size: 60px auto;
  background-size: 60px auto;
}
.ftb__btn.is-recruit {
  padding-left: 90px;
  background-image: url(../../container/img/common/ic_recruit.png);
  background-repeat: no-repeat;
  background-position: left 10px center;
  -webkit-background-size: 60px auto;
  background-size: 60px auto;
}
.ftb__btn.is-blank:before {
  content:"";
  position: absolute;
  right: 30px;
  bottom: 5px;
  width: 11px;
  height: 10px;
  background-image: url(../../container/img/common/ic_blank.png);
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}
.ftb__btn:after {
  content:"";
  position: absolute;
  top: 0;
  right: 0;
  height: 79px;
  width: 20px;
  background-color: #97b6f9;
  background-image: url(../../container/img/common/ic_arrow_right.png);
  -webkit-background-size: 7px auto;
  background-size: 7px auto;
  background-position: center center;
  background-repeat: no-repeat;
}

/* TOP loginafter
----------------------------------- */

/* ------ member info ------ */
.mif {
  padding: 40px 0;
  background-color: #F2F7FE;
  margin-bottom: 40px;
}
.mif__wrap {
  width: 980px;
  margin: 0 auto;
}
.mif__ttl {
  border-top: 5px solid #005bac;
  border-bottom: 1px solid #005bac;
  height: 65px;
  line-height: 60px;
  font-size: 1.6rem;
  font-weight: bold;
  padding-left: 20px;
  color: #005bac;
  background-color: #fff;
}
.mif__ttl__name {
  display: inline-block;
  margin: 0 0.5em;
}
.mif__ttl small {
  font-size: 1.4rem;
}
.mif__bkm {
  float: left;
  width: 50%;
  border-right: 1px  solid #005bac;
  background-color: #fff;
  margin-bottom: 10px;
  padding-bottom: 10px;
  height: 240px;
}
.mif__bkm__cnt {
  background-color: #fff;
}
.mif__cnt__ttl {
  font-size: 1.6rem;
  font-weight: bold;
  color: #333;
  padding: 20px;
  position: relative;
}
.mif__cnt__ttl:before {
  content:"";
  width: 10px;
  height: 5px;
  background-color: #005bac;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -3px;
}
.mif__bkm__cnt {
  width: 100%;
  margin: 0 auto;
}
.mif__bkm__link {
  display: inline-block;
  /*float: left;*/
  width: 230px;
  margin-left: 5px;
  transition:.3s;
  padding: 10px;
  position: relative;
  vertical-align: top;
}
.mif__bkm__link:before {
  content:"";
  position: absolute;
  right: 1px;
  top: 50%;
  margin-top: -3px;
  width: 7px;
  height: 10px;
  background-image: url(../../container/img/common/ic_arrow_right-bk.png);
}
.mif__bkm__link:nth-child(2),
.mif__bkm__link:nth-child(4) {
  /*margin-left: 10px;*/
}
.mif__bkm__link.is-orange:hover  {
  background-color: #f9efd6;
}
.mif__bkm__link.is-green:hover {
  background-color: #f0f7d5;
}
.mif__bkm__link.is-lightBlue:hover {
  background-color: #c8dce3;
}
.mif__bkm__link.is-blue:hover {
  background-color: #dfedfd;
}
.mif__bkm__link.is-viridian:hover {
  background-color: #cbe4e4;
}
.mif__bkm__link__img {
  width: 60px;
  float: left;
}
.mif__bkm__link__img img {
  height: 100%;
}
.mif__bkm__link__txt {
  float: right;
  width: 140px;
}
.mif__bkm__link__cat {
  text-align: center;
  color: #fff;
  margin-bottom: 10px;
  padding: 2px 0;
}
.mif__bkm__link__cat.is-orange {
  background-color: #FD9840;
}
.mif__bkm__link__cat.is-green {
  background-color: #78B33C;
}
.mif__bkm__link__cat.is-lightBlue {
  background-color: #1EB1EE;
}
.mif__bkm__link__cat.is-blue {
  background-color: #386190;
}
.mif__bkm__link__name {

}
.mif__dl__link {
  display: block;
  margin-bottom: 10px;
  transition:.3s;
}
.mif__dl__link:hover .mif__dl__list {
  background-color: #eee;
}
.mif__dl__list {
  width: calc(100% - 40px);
  margin: 0 auto;
  transition:.3s;
    border:1px solid #eee;

}
.mif__dl__list th {
  text-align: center;
  vertical-align: middle;
  border:1px solid #ddd;
  width: 33%;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ededed+0,ffffff+100&0.51+0,0+100 */
background: -moz-linear-gradient(-45deg, rgba(237,237,237,0.51) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(237,237,237,0.51) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(237,237,237,0.51) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82ededed', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.mif__dl__list td {
  text-align: center;
  padding: 5px;
  border:1px solid #eee;
}
.mif__dl__list td span {
/*  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 410px;*/
}
.mif__srh {
  float: right;
  width: 50%;
  background-color: #fff;
  height: 240px;
}
.mif__srh__frm {
  width: calc(100% - 40px);
  margin: 0 auto;
  margin-bottom: 10px;
}
.mif__srh__frm__slct {
  position: relative;
  width: 310px;
}
.mif__srh__frm__slct:after {
  content:"";
  background-image: url(../../container/img/common/ic_arrow-down_bl.png);
  width: 10px;
  height: 7px;
  -webkit-background-size: 10px auto;
  background-size: 10px auto;
  position: absolute;
  top: 15px;
  right: 10px;
  background-repeat: no-repeat;
}
.mif__srh__frm__slct select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 0;
  margin: 0;
  padding: 0;
  background: none transparent;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  max-width: 100%;
  width: 100%;
  border: 1px solid #ddd;
  background-color: #fff;
  padding: 9px;
  font-size: 1.2rem;
  border-radius: 0;
  margin-bottom: 20px;
}
.mif__srh__frm__txt input{
  width: 100%;
  border: 1px solid #ddd;
  background-color: #fff;
  padding: 9px;
  font-size: 1.2rem;
  border-radius: 0;
  margin-bottom: 20px;
}
.mif__srh__frm__submit {
  width: 140px;
  float: right;
}
.mif__srh__frm__submit input{
  display: block;
  background-color: #005bac;
  color: #fff;
  padding: 8px;
  text-align: center;
  width: 100%;
  font-size: 1.6rem;
  transition:.3s;
}
.mif__srh__frm__submit input:hover{
  opacity: .7;
}
.mif__srh__frm__check {
  float: left;
}






@media screen and (max-width:640px) {
  .fixmnu {
    display: none;
  }
  .sl__main__sp {
    margin-bottom: 30px;
  }
  .sl__main__thumb__sp {
    padding: 0 10px;
  }
  .sl__main__thumb__sp li {
    margin-right: 5px;
  }
  body,html{
        width: 100%;
    min-width: auto;
    overflow-x: hidden;
  }
  .is-ttl {
    font-size: 2.0rem;
  }
  .is-pc{display: none;}
  .is-sp{display: block;}
  .pc-none{display: block;}
  .is-logo {
    width: 135px;
    margin: 11px 0 0 6px;
  }
  .hd__sitemap {
    background-color: #efefef;
    font-size: 1.4rem;
    padding: 10px 0;
  }
  .hd__sitemap__wrap {
    width: 100%;
    margin: 0 auto;
    padding: 0 10px;
  }
  .is-logos{
    width: 200px;
  }
  .is-sitemap{
    margin-right: 0;
  }
  .nv{
    height:auto;
    position: relative;
    border-bottom: 1px solid #000;
  }
  .nv__btn{
    width: 20px;
    height:12px;
    position: absolute;
    top: 18px;
    right: 13px;
  }
  .nv__btn span{
    width:20px;
    height:2px;
    background: #000;
    position: absolute;
    left:0;
  }
  .nv__btn span:nth-child(1){top:0;}
  .nv__btn span:nth-child(2){top:5px;}
  .nv__btn span:nth-child(3){top:10px;}
  .nv__sub{}
  .nv__sub.is-active{}
  .nv__li{
    width: 100%;
    position: absolute;
    top:40px;
    left:-100%;
    opacity: 0;
    transition: .3s ease opacity;
  }
  .nv__li .is-sp{
    background-color: rgba(255,255,255,0.8);
  }
  .nv__li .is-sp.is-close{
    background:none;
  }
  .nv__li .is-sp.is-close a{
    color: #fff;
  }
  .nv__li .is-sp a{
    color: #000;
  }
  .nv__li.is-active{
    left:0;
    opacity: 1;
    z-index: 99998;
    background: rgba(0,0,0,.8);
  }
  .nv__li > li{
    width: 100%;
    float:none;
    border-bottom:1px solid #ccc;
  }
  .nv__li > li p.pc-none {
    display: block;
  }
  .nv__li > li a.is-pc {
    display: none;
  }
  .nv__li > li a,
  .nv__li > li p{
    color: #fff;
  }
  .nv__li > li a:hover{}
  .nv__li > li::before{display: none;}
  .nv__li > li:last-child::after{display: none;}
  .nv__sub__in{
    width: 100%;
    padding:0 15px;
  }
  .nv__sub .prd__hd {
    width: 100%;
  height: auto;
  }
  .nv__sub .prd__hd__ttl {
    float: none;
    width: 100%;
  }
  .nv__sub .prd__hd__ttl__ttl {}
  .nv__sub .prd__hd__ttl__select {}
  .nv__sub .prd__hd__ttl__select__in {}
  .nv__sub .prd__hd__ttl__select select{
    border-radius: 0;
    width: 140px;
    height:30px;
    line-height: 30px;
  }
  .nv__sub .prd__hd__ttl__select__in::before{}
  .nv__sub .prd__hd__ttl__select__in::after{}
  .nv__sub .prd__hd__mnu {
    float: none;
    width: 100%;
  }
  .nv__sub .prd__hd__mnu__ttl {
    float: none;
    width: 100%;
    font-size: 1.6rem;
    line-height: 45px;
    height: 45px;
    border: 0;
    border-bottom: 1px solid #000;
  }
  .nv__sub .prd__hd__mnu__ttl:hover {opacity: .7;}
  .nv__sub .prd__hd__mnu--list {
    float: none;
    width: 100%;
  }
  .nv__sub .prd__hd__mnu--list li {}
  .nv__sub .prd__hd__mnu--list li:first-child,
  .nv__sub .prd__hd__mnu--list li:nth-child(2) {}
  .nv__sub .prd__hd__mnu--list li a {}
  .nv__sub .prd__hd__mnu--list li:hover {opacity: .7;}
  .nv__sub .prd__hd__mnu--list li .is-change {}
  .nv__sub .prd__hd__mnu--list li .is-finish {}
  .nv__sub .prd__hd__mnu--list li .is-standard {}
  .nv__sub .prd__hd__mnu--list li .is-rohs {}
  .nv__sub .prd__hd__mnu__ttl:visited,
  .nv__sub .prd__hd__mnu--list li a:visited,
  .nv__sub .prd__hd__mnu__ttl:link,
  .nv__sub .prd__hd__mnu--list li a:link,
  .nv__sub .prd__hd__mnu__ttl:hover,
  .nv__sub .prd__hd__mnu--list li a:hover {}
  .nv__sub__li_box{padding: 0 0 15px;}
  .nv__sub__li{
    width:100%;
    float:none;
  }

  .nv__sub .prd__hd__close {
    position: absolute;
    top:20px;
    right:0;
  }
  .nv__sub__li:nth-child(2){display: none;}
  .nv__sub__li:nth-child(3){display: none;}
  .nv__sub__li:last-child{width:100%;}
  .nv__sub__li > li{}
  .nv__sub__li > li:last-child{}
  .nv__sub__li > li a{}
  .nv__sub__li > li a:hover{}
  .nv__sub__li > li a::before{}
  .nv__sub__li > li a::after{}
  .nv__sub__li > li.is-external::before{}

  .ft{}
  .ft a{}
  .ft a:hover{text-decoration: none;}
  .ft__in{
    width: 100%;
    padding:40px 15px;
  }
  .ft__col01,
  .ft__col02,
  .ft__col03{float:none;}
  .ft__col01{
    width: 100%;
    margin:0 0 20px;
  }
  .ft__col02{
    width: 100%;
    margin:0;
  }
  .ft__col03{width: 100%;}
  .ft__ttl{margin: 0 0 10px;}
  .ft--ttl_li{margin: 0;}
  .ft--ttl_seminar{}
  .ft__ttl a{}
  .ft__ttl a::before{}
  .ft__ttl_btn{}
  .ft__ttl_btn::before{}
  .ft__ttl_btn::after{}
  .ft__ttl_btn.is-active::after{}
  .ft__li{margin: 0 0 20px;}
  .ft__li_box{margin: 0 0 10px;}
  .ft--toggle_li{}
  .ft__li > li{
    margin-bottom: 5px;
  }
  .ft__li > li::before{}
  .ft--li_ex{width: 160px;}
  .ft--li_ex > li{margin: 0 0 10px;}
  .ft--li_ex > li:last-child{}
  .ft--li_ex > li::before{}
  .ft--li_ex > li a{}
  .ft--li_ex > li a::after{
  }
  .ft__bot{padding:0 15px;}
  .fixmnu{
    width: 100%;
  }
  .fixmnu.is-fixed .fixmnu__wrap{
    position: fixed;
    margin:0;
  }
  .fixmnu__wrap{
    margin: 0;
    top: 0;
    right: 0;
  }
  .fixmnu__bln{
    display: none;
  }
  .sl__main__thumb{
    width: 100%;
    display: none !important;
  }
  .prd h2,.sol h2,.nwp h2,.news h2,.ftb h2,.sol__cnt__panel--ttl{
    padding-left: 10px;
  }
  .ms{
    width: 100%;
    height: auto;
    padding: 0 10px;
  }
  .ms__txtbox{
    width: 100%;
    height: auto;
  }
  .ms__login {
    height: auto;
    padding-bottom: 10px;
  }
  .ms__login__btn {
    margin: 20px auto;
  }
  .ms__login{
    width: 100%;
  }
  .prd__panel__wrap__sp{
    padding: 0 10px;
  }
  .prd__hd{
    width: 100%;
  }
  .prd__hd__ttl{
    float: none;
    width: 100%;
  }
  .prd__hd__mnu{
    float: none;
    width: 100%;
    padding: 0 10px;
  }
  .prd__hd__mnu__ttl{
    border-right: none;
  }
  .prd__hd__mnu--list li .is-change,.prd__hd__mnu--list li .is-standard{
    border-right: none;
  }
  .prd__hd__mnu__ttl{
    width: 100%;
  }
  .prd__hd__mnu--list{
    width: 100%;
    margin-bottom: 25px;
  }
  .prd__hd__mnu--list li{
    width: 50%;
    height: auto;
    padding: 10px 0;
  }
  .prd .prd__hd__mnu--list li:first-child,.prd .prd__hd__mnu--list li:nth-child(2),.prd .prd__hd__mnu--list li:nth-child(3){
    border-bottom: 1px solid #fff;
  }
  .prd .prd__hd__mnu--list li:first-child,.prd .prd__hd__mnu--list li:nth-child(3){
    border-right: 1px solid #fff;
  }
  .prd__hd__mnu--list li a {
    text-align: left;
    padding-left: 33px;
   background-position: 10px center; 
  }
  .prd__panel{
    width: 100%;
  }
  .prd__panel__wrap__sp {
    clear: both;
  }
  .prd__panel__wrap__sp .prd__panel > li {
    height: 81px;
    margin-bottom: 1px;
    line-height: 81px;
  }
  .prd__panel__wrap__sp .prd__panel__ttl {
    width: 65%;
    height: 81px;
    float: right;
    background-color: #eee;
    color: #000;
    font-size: 1.2rem;
    font-weight: normal;
    text-align: left;
    padding: 0;
    padding-left: 10px;
    /*line-height: 72px;*/
  }
  .prd__panel__wrap__sp .prd__panel__ttl:before {
    content:"+";
    position: absolute;
    right: 0;
    top: 0;
    height: 81px;
    width: 20px;
    text-align: center;
    line-height: 81px;
    font-size: 1.2rem;
    font-weight: bold;
    color: #fff;
  }
  .prd__panel__wrap__sp .prd__panel__ttl.is-active:before {
    content:"-";
  }
  .prd__panel__ttl.lh {
    line-height: 1.8rem;
    padding-top: 23px !important;
  }
  .is-orange .prd__panel__ttl:before {
    background-color: #ff9933;
  }
  .is-green .prd__panel__ttl:before {
    background-color: #76b531;
  }
  .is-lightBlue .prd__panel__ttl:before {
    background-color: #00b0f0;
  }
  .is-blue .prd__panel__ttl:before {
    background-color: #366092;
  }
  .is-viridian .prd__panel__ttl:before {
    background-color: #008080;
  }
  .prd__panel__wrap__sp .prd__panel__ttl:after {
    display: none;
  }
  .prd__panel__wrap__sp .prd__panel__img {
    width: 35%;
    height: 100%;
    float: left;
  }
  .prd__panel.is-link{
    padding: 0 10px;
  }
  .prd__panel li{
    width: 100%;
    float: none;
    border-right: none;
  }
  .prd__ac {
    margin: 20px 0;
    padding-bottom: 0;
  }
  .prd__ac__close {
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 1.2rem;
    padding: 10px 0;
    background-image: url(../../container/img/common/ic_close.png);
    background-repeat: no-repeat;
    background-position: left 10px center;
  }
  .prd__ac__bd--list li p {
   width: calc(75% - 20px);
   font-size: 1.2rem; 
  }
  .prd__ac__ttl {
    display: block;
    margin-right: 0;
    width: 100%;
  }
  .prd__ac__hd{
    width: 100%;
    padding: 0 10px;
  }
  .prd__ac__hd--btn {
    float: left;
    width: 33%;
    font-size: 1.0rem;
  }
  .prd__ac__hd--btn:nth-child(2) {
  }
  .prd__ac__hd--btn.is-spec{
    margin: 0;
    width: 32%;
    margin: 0 1%;
  }
  .prd__ac__hd--btn.is-format {
    font-size: 1.0em;
    line-height: 1.4rem;
    padding-top: 8px;
  }
  .prd__ac__bd{
    width: 100%;
  }
  .prd__ac__bd--list{
    float: none;
    width: 100%;
  }
  .famd__ttl {
    font-size: 1.6rem;
    margin-bottom: 10px;
    padding-left: 40px;
  }
  .famd__info {
    font-size: 1.0rem;
    margin-bottom: 20px;
  }
  .famd .mpfv__wrap__itm {
    width: 100%;
    text-align: left;
  }
  .famd .is-changeBtn {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 15px;
  }
  .sol{
    clear: both;
  }
  .sol__wrap{
    width: 100%;
  }
  .sol__hd__btn{
    padding-left: 10px;
    width: 160px;
    margin: 5px 10px 0;
    font-size: 1.0rem;
  }
  .sol__cnt{
    margin: 0 10px;
  }
  .sol__cnt__panel{
    width: 100%;
    margin-bottom: 10px;
  }
  .sol__cnt__panel img {
    height: 100%;
  }
  .sol__cnt__panel:nth-child(2), .sol__cnt__panel:nth-child(4) {
    width: 100%;
  }
  .sol__cnt__panel--lead{
    display: none;
  }
  .nwp {
    padding: 40px 10px;
  }
  .nwp__slide{
    width: 100%;
  }
  .top .nwp .slick-next{
    right: 10px;
    margin-right: 0;
  }
  .top .nwp .slick-prev{
    left: 10px;
    margin-left: 0;
    z-index: 1;
  }
  .nwp__mnu{
    width: 100%;
  }
  .nwp__mnu__btn{
    width: 100%;
    border-bottom: 1px solid #fff;
  }
  .nwp__list__wrap{
    width: 100%;
  }
  .nwp__mnu__btn--list{
    width: 100%;
  }
  .nwp__mnu__btn > a{
    padding: 13px 0;
  }
  .nwp__mnu__btn.is-network {
    /*padding: 13px 0;*/
    text-align: center;
  }
  .nwp__mnu__btn.is-network select{
    height: 42px;
    padding-left: 36%;
  }
  /*.tp .nwp__mnu__btn.is-network select{
    padding-left: 0;
    height: 42px;
    box-pack:center;
    -webkit-box-pack:center;
  }*/
  .nwp__mnu__btn.is-network label{
    box-pack:center;
    -webkit-box-pack:center;
        display: -webkit-box;
        display: box;
    background-color: #005bac;
  }
  .nwp__mnu__btn.is-network:after{
    height: 41px;
    width: 42px;
  }
  .news{
    padding: 60px 10px;
  }
  .news__wrap{
    width: 100%;
  }
  .news__hd__tab{
    width: 50%;
    height: 65px;
    line-height: initial;
    padding: 0;
    position: relative;
  }
  .news__hd__tab--ttl{
    font-size: 1.6rem;
  }
  .news__hd__tab--btn{
    float: none;
    position: absolute;
    left:  10px;
    bottom: 5px;
  }
  .news__list{
    padding: 5px;
  }
  .news__list dl{
    border: 1px solid #eee;
    padding: 35px 20px;
  }
  .news__list dt {
    margin-bottom: 5px;
  }
  .news__list dd{
    display: block;
    width: 100%;
    position: relative;
  }
  .news__list--cat{
    display: inline-block;
    position: absolute;
    top: -23px;
    left: 92px;
  }
  .nwp__mnu__btn > a{
    border-right: none;
  }
  .ipn__wrap{
    width: 100%;
  }
  .ftb {
    padding: 60px 10px;
  }
  .ftb__wrap{
    width: 100%;
  }
  .ftb__btn{
    width: 100%;
  }
  .ipn{
    margin: 0 10px;
  }
  .ipn__ttl{
    padding-left: 40px;
    margin-left: 10px;
  }
  .ipn__list dt{
    display: block;
  }
  .ipn__list dd{
    width: 100%;
  }
  .ftb__btn{
    margin: 0;
    border-bottom: 1px solid #fff;
  }
  .ftb__btn:nth-child(2), .ftb__btn:nth-child(5){
    margin:0;
  }
  .ft__in{
    width: 100%;
  }
  .ft__col01,.ft__col02,.ft__col03{
    width: 100%;
    padding: 0 10px;
  }
    /* TOP loginafter
----------------------------------- */
  .mif__ttl{
    height: auto;
    line-height: 1.8rem;
    position: relative;
    padding: 6px 0 6px 20px;
  }
  .mif__ttl__name{
    display: block;
    margin: 0;
  }
  .mif__ttl.sp:after {
    content: "+";
    width: 30px;
    height: 30px;
    color: #fff;
    font-size: 2.0rem;
    font-weight: bold;
    line-height: 30px;
    background-color: #005bac;
    position: absolute;
    top: 10px;
    right: 10px;
    text-align: center;
  }
  .mif__ttl.sp.is-active:after {
    content:'-';
  }
  .sp.mif__cnt__wrap__sp {
    display: none;
  }
  .mif__cnt__ttl{
    margin-left: 10px;
  }
  .mif__wrap{
    width: 100%;
  }
  .mif__cnt__wrap__sp {
    margin-bottom: 20px;
  }
  .mif__bkm__cnt{
    width: 100%;
  }
  .mif__bkm{
    width: 100%;
    float: none;
    height: auto;
    border-right: none;
    border-bottom: 1px  solid #005bac;
    margin-bottom: 0;
  }
  .mif__dl__list td {
    text-align: left;
  }

  .mif__srh{
    float: none;
    width: 100%;
    padding-bottom: 20px;
  }
  .mif__bkm__link {
    width: 100%;
    float: none;
    margin: 0;
    padding: 0 20px;
  }
  .mif__bkm__link:before {
  right: 5px;
  }
  .mif__bkm__link:nth-child(2),
  .mif__bkm__link:nth-child(4) {
    margin-left: 0;
  }
  .mif__bkm__link__img{
    margin-right: 10px;
  }
  .mif__bkm__link__txt{
    float: left;
    width: calc(100% - 70px);
  }
  .mif__srh__frm__slct{
    width: 100%;
  }

}
/* Product
----------------------------------- */

.breadcrumbs{

}
.breadcrumbs__li{
  width: 980px;
  margin: 0 auto;
}
.breadcrumbs__li > li{
  float:left;
}

.breadcrumbs__li > li a{display: block;}
.breadcrumbs__li > li a:hover{text-decoration: underline;}
.breadcrumbs__li > li span{
  line-height: 40px;
  height:40px;
  padding:0 20px;
  display: block;
  font-size: 1.2rem;
  position: relative;
}

.breadcrumbs__li > li span::before{
  content: "";
  position: absolute;
  top: 0;
  right: -10px;
  width: 20px;
  height: 100%;
  background: url(../../container/img/common/ic_arrow_right-bk.png) 50% 50% no-repeat;
}

.breadcrumbs__li > li:last-child span::before{
  display: none;
}

.mn{}
.mn__in{
  width: 980px;
  margin: 0 auto;
}
.sd{
  float:left;
  width: 220px;
  margin: 0 30px 0 0;
}
.sd__ttl{
  background: #f2f7ff;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 40px;
  height:40px;
  margin: 0 0 1px;
  padding:0 0 0 20px;
  position: relative;
}
.sd__ttl::before{
  content:"";
  position: absolute;
  top:17.5px;
  left:0;
  width:10px;
  height:5px;
  background: #005bac;
}
.sd__li{
}.sd__li > li{
  position: relative;
  margin:0 0 1px;
}
.sd__li > li:last-child{border-bottom:none;}
.sd__li > li > a{
  display: block;
  font-size: 1.2rem;
  /*font-weight: bold;*/
  line-height: 1.6;
  padding:6px 30px 6px 10px;
  position: relative;
  color:#000;
  transition: .3s ease all;
  background: rgba(250,250,250,1);
}

.sd__li > li > a + ul{
  display: none;
  padding: 0 0 0 5px;
  position: relative;
}
.sd__li > li.is-active > a + ul{display: block;}

.sd__li > li > a + ul::before{
  content:"";
  position: absolute;
  top:0;
  left:0;
  width: 5px;
  height: 100%;
  display: block;
  background: rgba(250,250,250,1);
}

.sd__li > li > a + ul > li{
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
}

.sd__li > li > a + ul > li:first-child > a{
  border-top: 1px solid #fff;
  background: rgba(250,250,250,1);
  color:#fff;
}
.sd__li > li > a + ul > li:first-child.is-orange > a,
.sd__li > li.is-orange .is-empty > a{
  background-color: #f93;
  color: #fff;
}
.sd__li > li > a + ul > li:first-child.is-green > a,
.sd__li > li.is-green .is-empty > a{
  background-color: #77B43C;
  color: #fff;
}
.sd__li > li > a + ul > li:first-child.is-sky > a,
.sd__li > li.is-sky .is-empty > a{
  background-color: #1EB1ED;
  color: #fff;
}
.sd__li > li > a + ul > li:first-child.is-indigo > a,
.sd__li > li.is-indigo .is-empty > a{
  background-color: #386190;
  color: #fff;
}
.sd__li > li > a + ul > li:first-child.is-moss > a,
.sd__li > li.is-moss .is-empty > a{
  background-color: #107F7F;
  color: #fff;
}

.sd__li > li > a + ul > li:last-child{
  border: none;
}

.sd__li > li > a + ul > li > a{
  display: block;
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 1.6;
  padding:6px 30px 6px 10px;
  position: relative;
  transition: .3s ease all;
  /*background: rgba(255,255,255,.3);*/
  color:#000;
}
.sd__li > li.is-orange > a + ul > li > a {
  background-color: #f9efd6;
}
.sd__li > li.is-green > a + ul > li > a {
  background-color: #f0f7d5;
}
.sd__li > li.is-sky > a + ul > li > a {
  background-color: #dff5fd;
}
.sd__li > li.is-indigo > a + ul > li > a {
  background-color: #dfedfd;
}
.sd__li > li.is-moss > a + ul > li > a {
  background-color: #ddf8f8;
}


.sd__li > li > a + ul > li > a:hover{
  background: rgba(255,255,255,.5);
}

.sd__li > li > a + ul > li > a::after{
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 5px;
  height: 5px;
  background: #fff;
}

.sd__li > li > a + ul > li > a + ul{
  display: none;
  /*background-color: #E0F5FD;*/
  padding: 0 0 0 5px;
}
.sd__li > li.is-orange > a + ul > li > a + ul{
  background-color: #f9efd6;
}
.sd__li > li.is-green > a + ul > li > a + ul{
  background-color: #f0f7d5;
}
.sd__li > li.is-sky > a + ul > li > a + ul{
  background-color: #E0F5FD;
}
.sd__li > li.is-indigo > a + ul > li > a + ul{
  background-color: #dfedfd;
}
.sd__li > li.is-moss > a + ul > li > a + ul{
  background-color: #ddf8f8;
}
.sd__li > li > a + ul > li.is-active > a + ul{
  display: block;
}

.sd__li > li > a + ul > li > a + ul > li:first-child > a{
  border-top: 1px solid #fff;
  background: rgba(255,255,255,0);
  /*color:#fff;*/
}

.sd__li > li > a + ul > li > a + ul > li > a{
  display: block;
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 1.6;
  padding:6px 30px 6px 10px;
  position: relative;
  color:#000;
  transition: .3s ease all;
  /*background: rgba(255,255,255,.5);*/
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
}
.sd__li > li.is-orange > a + ul > li > a + ul > li > a{
  background-color: #f3e0b4;
}
.sd__li > li.is-orange > a + ul > li > a + ul > li > a:hover,
.sd__li > li.is-orange > a + ul > li > a + ul > li.is-active > a{
  background-color: #e7c57f;
}
.sd__li > li.is-orange > a + ul > li > a + ul > li > a:after{
  background: url(../../container/img/common/ic_arrow_right-orange.png) 50% 50% no-repeat
}
.sd__li > li.is-green > a + ul > li > a + ul > li > a{
  background-color: #e2efb2;
}
.sd__li > li.is-green > a + ul > li > a + ul > li > a:hover,
.sd__li > li.is-green > a + ul > li > a + ul > li.is-active > a{
  background-color: #c8e17c;
}
.sd__li > li.is-green > a + ul > li > a + ul > li > a:after{
  background: url(../../container/img/common/ic_arrow_right-green.png) 50% 50% no-repeat
}
.sd__li > li.is-sky > a + ul > li > a + ul > li > a{
  background-color: #c3ebfb;
}
.sd__li > li.is-sky > a + ul > li > a + ul > li > a:hover,
.sd__li > li.is-sky > a + ul > li > a + ul > li.is-active > a{
  background-color: #96d9f7;
}
.sd__li > li.is-sky > a + ul > li > a + ul > li > a:after{
  background: url(../../container/img/common/ic_arrow_right-sky.png) 50% 50% no-repeat
}
.sd__li > li.is-indigo > a + ul > li > a + ul > li > a{
  background-color: #c3dcfb;
}
.sd__li > li.is-indigo > a + ul > li > a + ul > li > a:hover,
.sd__li > li.is-indigo > a + ul > li > a + ul > li.is-active > a{
  background-color: #96bef7;
}
.sd__li > li.is-indigo > a + ul > li > a + ul > li > a:after{
  background: url(../../container/img/common/ic_arrow_right-indigo.png) 50% 50% no-repeat
}
.sd__li > li.is-moss > a + ul > li > a + ul > li > a{
  background-color: #c0f1f1;
}
.sd__li > li.is-moss > a + ul > li > a + ul > li > a:hover,
.sd__li > li.is-moss > a + ul > li > a + ul > li.is-active > a{
  background-color: #90e4e4;
}
.sd__li > li.is-moss > a + ul > li > a + ul > li > a:after{
  background: url(../../container/img/common/ic_arrow_right-moss.png) 50% 50% no-repeat
}

.sd__li > li > a + ul > li > a + ul > li:last-child > a{
  border-bottom: none;
}
.js-sd_li02 li.is-involve a::after {
  display: none;
}
.sd__li > li > a:hover{
  background: rgba(250,250,250,.8);
  text-decoration: none;
}

.sd__li > li:first-child > a ul,
.sd__li > li > a + ul > li:first-child > a + ul,
.sd__li > li > a + ul > li > a + ul > li:first-child > a + ul{display: none;}

.sd__li li.is-orange a::before{background-color:#FD9840;}
.sd__li li.is-green a::before{ background-color:#77B43C;}
.sd__li li.is-sky a::before{ background-color:#2CB2EB;}
.sd__li li.is-indigo a::before{background-color:#386190;}
.sd__li li.is-moss a::before{  background-color:#107F7F;}
.sd__li li.is-blue a::before{  background-color:#005bac;}

.sd__li.is-orange li a::before{background-color:#ff9933;}
.sd__li.is-green li a::before{ background-color:#76b531;}
.sd__li.is-sky li a::before{   background-color:#00b0f0;}
.sd__li.is-indigo li a::before{background-color:#366092;}
.sd__li.is-moss li a::before{  background-color:#008080;}
.sd__li.is-blue li a::before{  background-color:#005bac;}

.sd__li.is-orange{background-color:#ff9933;}
.sd__li.is-green{ background-color:#76b531;}
.sd__li.is-sky{   background-color:#00b0f0;}
.sd__li.is-indigo{background-color:#366092;}
.sd__li.is-moss{  background-color:#008080;}
.sd__li.is-blue{  background-color:#005bac;}

.sd__li > li.is-orange{background-color:#ff9933;}
.sd__li > li.is-green{ background-color:#76b531;}
.sd__li > li.is-sky{   background-color:#00b0f0;}
.sd__li > li.is-indigo{background-color:#366092;}
.sd__li > li.is-moss{  background-color:#008080;}
.sd__li > li.is-blue{  background-color:#005bac;}

.sd__li > li > a::before,
.sd__li > li > a + ul > li > a::before,
.sd__li > li > a + ul > li > a + ul > li > a::after{
  content:"";
  position: absolute;
  top:0;
  right:0;
  width: 20px;
  height:100%;
  background: #aaa;
}

.sd__li > li > a + ul > li > a::before,
.sd__li > li > a + ul > li > a + ul > li > a::after{
  background: url(../../container/img/common/ic_arrow_right-bk.png) 50% 50% no-repeat;
}
.sd__li > li.is-orange > a + ul > li > a::before{background: url(../../container/img/common/ic_arrow_right.png) 50% 50% no-repeat #ff9933;}
.sd__li > li.is-green > a + ul > li > a::before{ background: url(../../container/img/common/ic_arrow_right.png) 50% 50% no-repeat #76b531;}
.sd__li > li.is-sky > a + ul > li > a::before{   background: url(../../container/img/common/ic_arrow_right.png) 50% 50% no-repeat #2CB2EB;}
.sd__li > li.is-indigo > a + ul > li > a::before{background: url(../../container/img/common/ic_arrow_right.png) 50% 50% no-repeat #366092;}
.sd__li > li.is-moss > a + ul > li > a::before{  background: url(../../container/img/common/ic_arrow_right.png) 50% 50% no-repeat #008080;}
.sd__li > li.is-blue > a + ul > li > a::before{  background: url(../../container/img/common/ic_arrow_right.png) 50% 50% no-repeat;}

.sd__li > li.is-orange > a + ul > li > a + ul > li > a::before{background: url(../../container/img/common/ic_arrow_right-orange.png) 50% 50% no-repeat;}
.sd__li > li.is-green > a + ul > li > a + ul > li > a::before{ background: url(../../container/img/common/ic_arrow_right-green.png) 50% 50% no-repeat;}
.sd__li > li.is-sky > a + ul > li > a + ul > li > a::before{   background: url(../../container/img/common/ic_arrow_right-sky.png) 50% 50% no-repeat;}
.sd__li > li.is-indigo > a + ul > li > a + ul > li > a::before{background: url(../../container/img/common/ic_arrow_right-indigo.png) 50% 50% no-repeat;}
.sd__li > li.is-moss > a + ul > li > a + ul > li > a::before{  background: url(../../container/img/common/ic_arrow_right-moss.png) 50% 50% no-repeat;}
.sd__li > li.is-blue > a + ul > li > a + ul > li > a::before{  background: url(../../container/img/common/ic_arrow_right-bblue.png) 50% 50% no-repeat;}

.sd__li > li > a::after{
  content: "+";
  position: absolute;
  top:50%;
  right:0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  color:#fff;
  text-align: center;
  width: 20px;
}

.sd__li > li.is-active.is-opening > a::after,
.sd__li > li.is-opening > a::after{
  content: "-";
}

.sd__li > li.is-external::before{
  content:"";
  position: absolute;
  top:10px;
  right:30px;
  z-index: 1;
  width: 11px;
  height: 10px;
  background: url(../../container/img/common/ic_blank.png) 0 0 no-repeat;
}
.sd__li > li.is-external a::after{
  content: url(../../container/img/common/ic_arrow_right.png);
}
.sd__modal {
  position: relative;
  display: none;
  background-color: #fff;
  width: 560px;
  margin: 0 auto;
  border-top: 5px solid #0C5DAA;
  font-size: 1.2rem;
  text-align: center;
  padding: 40px 0;
}
.sd__modal {
  display: none;
  background-color: #fff;
  width: 560px;
  margin: 0 auto;
  border-top: 5px solid #0C5DAA;
  font-size: 1.2rem;
  text-align: center;
  padding: 40px 0;
}
.mfp-content .sd__modal {
  display: block;
}
.sd__modal p {
  line-height: 2.4rem;
}
.sd__modal span {
  color: #ea5000;
}
.sd__modal__btn {}
.popup-modal-dismiss {
  position: absolute;
  height: 30px;
  width: 30px;
  opacity: 1;
  top: -20px;
  right: -10px;
  line-height: 30px;
  padding: 0;
  z-index: 100;
}
.popup-modal-dismiss img {
  width: 100%;
  z-index: 0;
}
.popup-modal-dismiss:active {
    top: -20px;
}
.sd__modal__btn {
  width: 250px;
  display: inline-block;
  background-color: #005bac;
  text-align: center;
  position: relative;
  color: #fff !important;
  font-size: 1.6rem;
  line-height: 50px;
  height: 50px;
  margin-top: 40px;
}
.sd__modal__btn:after {
  position: absolute;
  content:"";
  width: 20px;
  height: 50px;
  background-image: url(../../container/img/common/ic_arrow_right.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #002074;
  right: 0;
  top: 0;
}
.sd__modal__btn:before {
  position: absolute;
  content: "";
  width: 11px;
  height: 10px;
  background-image: url(../../container/img/common/ic_blank.png);
  background-repeat: no-repeat;
  background-position: center center;
  right: 23px;
  bottom: 3px;
}
.cnt{
  float:left;
  width: 730px;
  border-top:5px solid #005bac;
  padding:20px 0 60px;
}

.product{

}

.product__ttl{
  color:#005bac;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1;
}

.product__ttl span{
  font-size: 1.8rem;
  display: block;
  padding:10px 0 0;
}

.product__sec{
  margin: 0 0 40px;
}

.product__sec__ttl{
  font-size: 1.6rem;
  font-weight: bold;
  margin:0 0 15px;
  padding:0 0 10px;
  border-bottom:1px solid #005bac;
  color:#005bac;
}

.product__ttl_box{
  margin: 0 0 20px;

}

.product__ttl{
  float:left;
}

.product__btn_li{
  float:right;
}

.product__btn_li > li a{
  display: block;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 30px;
  padding:0 30px 0 10px;
  position: relative;
  color:#000;
  width:140px;
  transition: .3s ease all;
  text-align: center;
}
.product__btn_li > li a:hover{
  opacity: .7;
}

.product__btn_li > li.is-bookmark{
  margin: 0 0 5px;
}

.product__btn_li > li.is-bookmark a{
  background: #fdc235;
  color:#fff;
  padding:0 0 0 15px;
  border-radius: 10px;
}

.product__btn_li > li.is-bookmark a::before{
  content: "";
  position: absolute;
  top: 7.5px;
  left: 10px;
  width: 13px;
  height: 15px;
  background: url(../../container/img/common/ic_bookmark.png) 50% 50% no-repeat;
}

.product__btn_li > li.is-pdf a{
  background: #d6e4fd;
  padding:0 20px 0 0;
}

.product__btn_li > li.is-pdf a::before{
  content:"";
  position: absolute;
  top:0;
  right:0;
  width: 20px;
  height:100%;
  background: #b4ccfb;
}

.product__btn_li > li.is-pdf a::after{
  content:"";
  position: absolute;
  top:0;
  right:0;
  width: 20px;
  height:100%;
  background: url(../../container/img/common/ic_arrow_right.png) 50% 50% no-repeat;
}

.product__btn_li > li.is-bookmark a{
  width:140px;
}

.overview{

}

.overview__nv{
  padding:10px;
  background:#d6e4fd;
  margin: 0 -2px 30px;
}

.overview__nv > li{
  float:left;
  width: 25%;
  padding:0 2px;
}

.overview__nv > li a{
  display: block;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 35px;
  padding:0 30px 0 10px;
  position: relative;
  color:#000;
  transition: .3s ease all;
  border:1px solid #ccc;
  background: #fff;
}
.overview__nv > li a:hover{
  opacity: .7;
}
.overview__nv > li.is-active a{
  border: 2px solid #005bac;
  color:#005bac;
  line-height: 33px;
}

.overview__nv > li.is-active a::before,
.overview__nv > li.is-active a::after{
  display: none;
}

.overview__nv > li a::before{
  content:"";
  position: absolute;
  top:0;
  right:0;
  width: 20px;
  height:100%;
  background: #005bac;
}

.overview__nv > li a::after{
  content:"";
  position: absolute;
  top:0;
  right:0;
  width: 20px;
  height:100%;
  background: url(../../container/img/common/ic_arrow_right.png) 50% 50% no-repeat;
}

.overview__ttl{
  background: #f2f7ff;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 50px;
  height: 50px;
  margin: 0 0 20px;
  padding: 0 0 0 20px;
  position: relative;
}
.overview__ttl:before{
  content: "";
  position: absolute;
  top: 23px;
  left: 0;
  width: 10px;
  height: 5px;
  background: #005bac;
}
.overview__img{
  margin: 0 0 30px;
}

.overview__copy{
  padding:10px;
  background:#fafafa;
  margin: 0 -2px 30px;
}

.overview__copy > li{
  float:left;
  width: 25%;
  margin: 0 0 4px;
  padding:0 2px;
}

.overview__copy > li a{
  display: block;
  font-size: 1.0rem;
  font-weight: bold;
  line-height: 1.6;
  padding:5px 30px 5px 10px;
  position: relative;
  color:#000;
  transition: .3s ease all;
  border:1px solid #ccc;
  background: #fff;
  letter-spacing: -0.5px;
}
.overview__copy > li a:hover{
  opacity: .7;
}

.overview__copy > li a::before{
  content:"";
  position: absolute;
  top:0;
  right:0;
  width: 20px;
  height:100%;
  background: #cccccc;
}

.overview__copy > li a::after{
  content:"";
  position: absolute;
  top:0;
  right:0;
  width: 20px;
  height:100%;
  background: url(../../container/img/common/ic_arrow_down.png) 50% 50% no-repeat;
}

.document__in{
  border-top: 5px solid #005bac;
  background: #f2f7ff;
  padding:10px;
  margin: 0 0 20px;
}

.document__ttl{
  position: relative;
  font-size: 1.8rem;
  font-weight: bold;
  margin: 0 0 10px;
  padding:0 0 0 50px;
  color:#005bac;
}

.document__ttl::before{
  content: "";
  position: absolute;
  top: 0;
  left: 10px;
  width: 32px;
  height: 28px;
  background: url(../../container/img/common/ic_dl.png) 50% 50% no-repeat;
}

.document__nv{

}

.document__nv > li{
 float:left;
 width: 20%;
}

.document__nv > li a{
 display: block;
 font-size: 1.0rem;
 font-weight: bold;
 line-height: 40px;
 height: 40px;
 padding:0 30px 0 10px;
 position: relative;
 color:#000;
 transition: .3s ease all;
 background: #d6e4fd;
 letter-spacing: -0.5px;
 cursor: pointer;
}
.document__nv > li a:hover{
  opacity: .7;
}

.document__nv > li a::before{
 content:"";
 position: absolute;
 top:0;
 right:0;
 width: 20px;
 height:100%;
 background: #7fa3f7;
}

.document__nv > li a::after{
 content:"+";
 position: absolute;
 top:0;
 right:0;
 font-weight: normal;
 color:#fff;
 text-align: center;
 display: block;
 width: 20px;
 height:100%;
}

.document__nv > li.is-active a{background: #fff;}
.document__nv > li.is-line02 a{
  line-height: 1.6;
  padding:5px 30px 5px 10px;
}
.document__nv > li.is-line02 a span{
  display: block;
  font-size: 1.0rem;
  text-indent: -7px;
  letter-spacing: -1px;
  white-space: nowrap
}
.document__nv > li.is-line02 a::after{
  top:12px;
}
.document__nv > li.is-active a::before{background: #005bac;}
.document__nv > li.is-active a::after{
  content:"-";
  line-height: 40px;
}

.document__nv > li.is-line02.is-active a::after{
  content:"-";
  line-height:1.6;
}

.document__lead{
  height:35px;
  line-height: 35px;
  font-size: 1.4rem;
  font-weight: bold;
}

.document__li{
  margin: 0 -2px;
  display: none;
}

.document__li.is-active{
  display: block;
}

.document__li > li{
  padding:0 2px;
  width: 25%;
  float:left;
}

.document__li > li .catalog{
  padding:10px;
  background: #fff;
}

.document__li > li .catalog__ttl{
  font-weight: bold;
  font-size: 1.2rem;
  color: #005bac;
}

.document__li > li .catalog__num{
  font-weight: bold;
  font-size: 1.0rem;
}

.document__li > li .catalog__date{
  font-weight: bold;
  font-size: 1.0rem;
  margin: 0 0 10px;
}

.document__li > li .catalog__txt{
  float:left;
  font-weight: bold;
  font-size: 1.0rem;
}

.document__li > li .catalog__img{
  float:right;
}

.document__li > li .catalog__in{
  margin: 0 0 10px;
}

.document__li > li .catalog__li > li{
  position: relative;
  margin:0 0 1px;
}
.document__li > li .catalog__li > li:last-child{border-bottom:none;}
.document__li > li .catalog__li > li a{
  display: block;
  font-size: 1.0rem;
  font-weight: bold;
  line-height: 30px;
  height:30px;
  letter-spacing: -0.5px;
  padding:0 20px 0 10px;
  position: relative;
  color:#000;
  transition: .3s ease all;
  background: #fff;
  border:1px solid #ccc;
}

.document__li > li .catalog__li > li a:hover{
  opacity: .7;
}

.document__li > li .catalog__li > li.is-gray{
  background: #ccc;
  color:#fff;
  font-size: 1.0rem;
  font-weight: bold;
  line-height: 30px;
  height:30px;
  letter-spacing: -0.5px;
  padding:0 20px 0 10px;
  position: relative;
  transition: .3s ease all;
  border:1px solid #ccc;
}

.document__li > li .catalog__li > li.is-orange a::before{background:#ff9933;}
.document__li > li .catalog__li > li.is-blue a::before{  background:#005bac;}
.document__li > li .catalog__li > li.is-gray a::before,
.document__li > li .catalog__li > li.is-gray a::after{
  display: none;
}

.document__li > li .catalog__li > li.is-line02 a{
  line-height: 1.2;
  padding: 2px 0 0 10px;
}

.document__li > li .catalog__li > li a::before{
  content:"";
  position: absolute;
  top:0;
  right:0;
  width: 20px;
  height:100%;
  background: #aaa;
}

.document__li > li .catalog__li > li a::after{
  content:"";
  position: absolute;
  top:0;
  right:0;
  width: 20px;
  height:100%;
  background: url(../../container/img/common/ic_arrow_right.png) 50% 50% no-repeat;
}

.document__help{
  padding: 10px;
  background: #f0f0f0;
  margin: 0 0 50px;
}

.document__help__li{
  margin: 0 -2px;
}

.document__help__li > li{
  float:left;
  margin: 0;
  padding:0 2px;
}

.document__help__li > li a{
  display: block;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 40px;
  letter-spacing: -0.5px;
  height:40px;
  width: 260px;
  padding:0px 25px 0px 45px;
  position: relative;
  color:#000;
  transition: .3s ease all;
  color:#fff;
}
.document__help__li > li a:hover{
  opacity: .7;
}
.document__help__li > li.is-mail a{background: url(../../container/img/common/ic_mail-bg.png) 10px 50% no-repeat #005bac;}
.document__help__li > li.is-faq  a{background: url(../../container/img/common/ic_faq.png) 10px 50% no-repeat #fff;}
.document__help__li > li.is-gray a{
  width: 182px;
  color:#000;
  line-height: 1.3;
  padding:3px 25px 5px 45px;
  border:1px solid #ccc;
}
.document__help__li > li.is-gray a span{
  text-indent: -7px;
  display: block;
}
.document__help__li > li.is-gray a::after{}
.document__help__li > li a::before{
  content:"";
  position: absolute;
  top:0;
  right:0;
  width: 20px;
  height:100%;
  background: #002074;
}
.document__help__li > li.is-gray a::before{background: #ccc;}
.document__help__li > li.is-gray a::before{}
.document__help__li > li a::after{
  content:"";
  position: absolute;
  top:0;
  right:0;
  width: 20px;
  height:100%;
  background: url(../../container/img/common/ic_arrow_right.png) 50% 50% no-repeat;
}

.miniaturization{}
.miniaturization__lead{
  font-size: 1.2rem;
}
.miniaturization__img{position: relative;}
.socket{}
.socket__lead{
  font-size: 1.2rem;
  margin: 0 0 20px;
}
.socket__li{margin: 0 -10px;}
.socket__li > li{
  width: 33.333%;
  float:left;
  padding:0 10px;
  font-size: 1.2rem;
}

.socket__li > li figure{
  position: relative;
}

.socket__li > li h4{
  position: relative;
  font-weight: 500;
  margin: 0 0 5px;
  padding:0 0 0 15px;
  line-height: 1;
}

.socket__li > li h4::before{
  content:"";
  position: absolute;
  top:2px;
  left:0;
  width: 10px;
  height:10px;
  display: block;
  background: #005bac;
}

.socket__li > li ul{
  list-style: disc;
  list-style-position: inside;
  line-height: 1.6;
}

.panel__lead{
  font-size: 1.2rem;
  margin: 0 0 20px;
}

.panel__img{
  position: relative;
  margin: 0 0 20px;
}

figure.is-search{
  position: relative;
}
figure.is-search .is-ic{
  display: inline-block;
  position: absolute;
  right: 0;
  top: -10px;
  background-image: url(../../container/img/common/ic_ex.png);
  width: 30px;
  height: 30px;
  -webkit-background-size: contain;
  background-size: contain;
}

.switch__img{
  position: relative;
  margin: 0 0 20px;
}

.switch__lead{
  font-size: 1.2rem;
  margin: 0 0 20px;
}

.switch__li{
  font-size: 1.2rem;
  list-style: disc;
  list-style-position: inside;
  line-height: 1.6;
}

.key__in{
  margin: 0 0 40px;
}

.key__img{
  float:left;
  width: 180px;
}

.key__txt{
  float:left;
  width: 550px;
  padding: 0 0 0 20px;
}

.key__txt p{
  font-size: 1.2rem;
  margin: 0 0 20px;
}

.key__txt ul{
  font-size: 1.2rem;
  list-style: disc;
  list-style-position: inside;
  line-height: 1.4;
}

.key__li{
  margin: 0 -60px;
  position: relative;
}

.key__li::before{
  content:"";
  width: 195px;
  height:195px;
  display: block;
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
  -webkit-stransform: translate(-50%, -50%);
  background: url(../../container/img/chara/img_chara_009.png) 50% 50% no-repeat;
}

.key__li > li{
  width: 50%;
  float:left;
  margin: 0 0 80px;
  padding: 0 60px;

}

.key__li > li:nth-child(3){margin: 0;}
.key__li > li:nth-child(4){margin: 0;}

.key__li > li > div{
  height:160px;
  border-radius: 10px;
  padding: 20px;
  background: #f2f7ff;
}

.key__li > li > div h4{
  color:#005bac;
  font-size: 1.6rem;
  font-weight: bold;
  margin: 0 0 10px;
  text-align: center;
  white-space: nowrap;
}
.key__li > li > div p{font-size: 1.2rem;}

.consultation{
  margin: 0 0 10px;
  padding:10px;
  background: #f2f7ff;
}

.consultation__in{
  border-top: 5px solid #005bac;
  background: #fff;
  padding: 15px 20px 20px;
}

.consultation__ttl{
  color:#005bac;
  line-height: 1;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 500;
  margin: 0 0 15px;
}

.consultation__li{
  margin: 0 -2px;
}

.consultation__li > li{
  float:left;
  width: 50%;
  margin: 0 0 4px;
  padding:0 2px;
}

.consultation__li > li a{
  display: block;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 40px;
  height:40px;
  padding:0px 25px 0px 45px;
  position: relative;
  color:#000;
  background: url(../../container/img/common/ic_mail-bg.png) 10px 50% no-repeat #005bac;
  transition: .3s ease all;
  color:#fff;
}

.consultation__li > li a:hover{
  opacity: .7;
}

.consultation__li > li a::before{
  content:"";
  position: absolute;
  top:0;
  right:0;
  width: 20px;
  height:100%;
  background: #002074;
}

.consultation__li > li a::after{
  content:"";
  position: absolute;
  top:0;
  right:0;
  width: 20px;
  height:100%;
  background: url(../../container/img/common/ic_arrow_right.png) 50% 50% no-repeat;
}

.help{
  background: #f0f0f0;
  padding:20px 30px;
  margin: 0 0 10px;
}

.help__ttl{
  text-align: center;
  line-height: 1;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 500;
  margin: 0 0 20px;
}

.help__li > li{
  width: 50%;
  float:left;
  background: #fff;
}

.help__li > li a{
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 40px;
  height:40px;
  display: block;
  text-align: center;
  color:#fff;
  position: relative;
  transition:.3s;
  background: #3c3d3e;
}

.help__li > li a:hover{
  opacity: .7;
}

.help__li > li:first-child a::after{
  content:"";
  width: 15px;
  height:15px;
  display: block;
  position: absolute;
  top:12.5px;
  left:20px;
  background: url(../../container/img/common/ic_close.png) 0 0 no-repeat;
}

.help__li > li:first-child a::before{
  content: "";
  position: absolute;
  width:1px;
  height:20px;
  background: #fff;
  top:10px;
  right:0;
}

.recommend{
  background: #f0f0f0;
  padding: 20px 10px 10px;
  margin: 0 0 80px;
}

.recommend__ttl{
  line-height: 1;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 500;
  margin: 0 0 15px;
}

.recommend__li_wr{
  position: relative;
}

.recommend__li__arrow .recommend__li__prev,
.recommend__li__arrow .recommend__li__next{
  position: absolute;
  width:20px;
  height:80px;
  display: block;
  top:50%;
  z-index: 1;
  transform: translateY(-50%);
}

.recommend__li__arrow .recommend__li__prev{
  left:0;
  background: url(../../container/img/common/ic_arrow_left.png) 50% 50% no-repeat #005bac;
}

.recommend__li__arrow .recommend__li__next{
  right:0;
  background: url(../../container/img/common/ic_arrow_right.png) 50% 50% no-repeat #005bac;
}
.recommend__li__arrow .slick-next{
  right: 0;
  z-index: 999;
}
.recommend__li__arrow .slick-next:before{
  content:"";
  position: absolute;
  width:20px;
  height:80px;
  display: block;
  top:50%;
  z-index: 1;
  transform: translateY(-50%);
  transition:.3s;
  right: 0;
  background: url(../../container/img/common/ic_arrow_right.png) 50% 50% no-repeat #005bac;
}
.recommend__li__arrow .slick-prev{
  left: 0;
  z-index: 999;
}
.recommend__li__arrow .slick-prev:before{
  content:"";
  content:"";
  position: absolute;
  width:20px;
  height:80px;
  display: block;
  top:50%;
  z-index: 1;
  transform: translateY(-50%);
  transition:.3s;
  left: 0;
  background: url(../../container/img/common/ic_arrow_left.png) 50% 50% no-repeat #005bac;
}
.recommend__li__arrow .slick-next:hover:before,
.recommend__li__arrow .slick-prev:hover:before{
  opacity: .7;
}


.recommend__li{
  background: #fff;
  border: 1px solid #ccc;
  padding: 20px 0px;
  position: relative;
}

.recommend__li > li{
  width: 25%;
  float: left;
  padding: 0 25px;
  text-align: center;
  transition:.3s;
}
.recommend__li > li:hover{
  width: 25%;
  float: left;
  padding: 0 25px;
  text-align: center;
  transition:.3s;
}
.recommend__li figure{
  /*width: 25%;
  float: left;
  padding: 0 25px;*/
  text-align: center;
  transition:.3s;
}
.recommend__li figure:hover{
  opacity: .7;
}
.recommend__li figure img{
  display: inline-block;
}


.helper{
  width: 980px;
  margin: 0 auto;
  position: relative;
}
.helper__open{
  width: 980px;
  margin: 0 auto;
  position: relative;
  display: none;
}
.helper__wrap{
  padding: 10px;
  background: #7f7f7f;
  width: 730px;
  position: fixed;
  margin-left: 250px;
  bottom: 10px;
}

.helper__close{
  position: absolute;
  top:-13px;
  right:0;
  width: 8px;
  height:8px;
  line-height: 1;
  cursor: pointer;
}
.helper__open__wrap{
  padding: 5px;
  background: #7f7f7f;
  width: 730px;
  position: fixed;
  margin-left: 250px;
  bottom: 10px;
  color: #fff;
  text-align: center;
}

.helper__li{
  margin: 0 -2px;
}

.helper__li > li{
  float:left;
  margin: 0;
  padding:0 2px;
}

.helper__li > li a{
  display: block;
  font-size: 1.0rem;
  font-weight: 500;
  line-height: 40px;
  letter-spacing: -0.5px;
  height:40px;
  padding:0px 25px 0px 45px;
  position: relative;
  color:#000;
  transition: .3s ease all;
  color:#fff;
}
.helper__li > li a:hover{
  /*opacity: .7;*/
}
.helper__li > li.is-mail a{background: url(../../container/img/common/ic_mail-bg.png) 10px 50% no-repeat #005bac;}
.helper__li > li.is-mail a:hover{background-color: #5189BF;}
.helper__li > li.is-mail a::before{transition:inherit;}
.helper__li > li.is-mail a:hover:before{background-color: #4B6298;}
.helper__li > li.is-faq  a{background: url(../../container/img/common/ic_faq.png) 10px 50% no-repeat #fff;}
.helper__li > li.is-faq  a:hover{background-color: #5189BF;}
.helper__li > li.is-faq  a::before{transition:inherit;}
.helper__li > li.is-faq  a:hover:before{background-color: #4B6298;}
.helper__li > li.is-blue a{
  width: 174.5px;
  background: #d6e4fd;
  margin: 0 0 4px;
  padding:0px 0px 0px 7px;
  color:#000;
}
.helper__li > li.is-blue a::before{
  background: #7fa3f7;
}
.helper__li > li.is-blue a:hover{
  background-color: #E3EDFD;
}
.helper__li > li.is-blue a:before{
  transition:inherit;
}
.helper__li > li.is-blue a:hover:before{
  background-color: #A6C0F7;
}
.helper__li > li.is-mail a{
  width: 260px;
}
.helper__li > li.is-faq a{
  width: 182px;
}
.helper__li > li.is-gray a{
  color:#000;
  line-height: 1.3;
  padding:3px 25px 5px 45px;
  border:1px solid #ccc;
}
.helper__li > li.is-gray a span{
  text-indent: -7px;
  display: block;
}
.helper__li > li.is-gray a::after{}
.helper__li > li a::before{
  content:"";
  position: absolute;
  top:0;
  right:0;
  width: 20px;
  height:100%;
  background: #002074;
}
.helper__li > li.is-gray a::before{background: #ccc;}
.helper__li > li.is-gray a::before{}
.helper__li > li a::after{
  content:"";
  position: absolute;
  top:0;
  right:0;
  width: 20px;
  height:100%;
  background: url(../../container/img/common/ic_arrow_right.png) 50% 50% no-repeat;
}

@media screen and (max-width:640px) {
  body{}

  .mn.is-pad {
    padding-bottom: 200px;
  }

  .breadcrumbs{}
  .breadcrumbs__li{width: auto;}
  .breadcrumbs__li > li{}
  .breadcrumbs__li > li a{}
  .breadcrumbs__li > li a:hover{}
  .breadcrumbs__li > li span{
    padding:5px 10px;
    font-size: 1.0rem;
    line-height: 1;
    height:auto;
  }
  .breadcrumbs__li > li span::before{background-size: 3.5px 5px;}
  .breadcrumbs__li > li:last-child span::before{}

  .mn{}
  .mn__in{width:auto;}
  .sd{display: none;}
  .sd__ttl{}
  .sd__ttl::before{}
  .sd__li{}
  .sd__li > li{}
  .sd__li > li:last-child{}
  .sd__li > li a{}
  .sd__li > li a:hover{}

  .sd__li > li.is-orange a::before{background:#ff9933;}
  .sd__li > li.is-green a::before{ background:#76b531;}
  .sd__li > li.is-sky a::before{   background:#00b0f0;}
  .sd__li > li.is-indigo a::before{background:#366092;}
  .sd__li > li.is-moss a::before{  background:#008080;}
  .sd__li > li.is-blue a::before{  background:#005bac;}

  .sd__li.is-orange > li a::before{background:#ff9933;}
  .sd__li.is-green > li a::before{ background:#76b531;}
  .sd__li.is-sky > li a::before{   background:#00b0f0;}
  .sd__li.is-indigo > li a::before{background:#366092;}
  .sd__li.is-moss > li a::before{  background:#008080;}
  .sd__li.is-blue > li a::before{  background:#005bac;}

  .sd__li.is-orange{background:#ff9933;}
  .sd__li.is-green{ background:#76b531;}
  .sd__li.is-sky{   background:#00b0f0;}
  .sd__li.is-indigo{background:#366092;}
  .sd__li.is-moss{  background:#008080;}
  .sd__li.is-blue{  background:#005bac;}

  .sd__li > li.is-orange{background:#ff9933;}
  .sd__li > li.is-green{ background:#76b531;}
  .sd__li > li.is-sky{   background:#00b0f0;}
  .sd__li > li.is-indigo{background:#366092;}
  .sd__li > li.is-moss{  background:#008080;}
  .sd__li > li.is-blue{  background:#005bac;}

  .sd__li > li a::before{}
  .sd__li > li a::after{}
  .sd__li > li.is-external::before{}
  .cnt{
    width: auto;
    float: none;
    padding:20px 15px;
  }
  .product{}
  .product__ttl{
    margin: 0 0 15px;
    line-height: 1.4;
  }
  .product__ttl span{}
  .product__sec{margin: 0 0 15px;}
  .product__sec__ttl{}
  .product__ttl_box{}
  .product__ttl{}
  .product__btn_li{}
  .product__btn_li > li{
    display: inline-block;
    padding: 0 0 0 10px;
  }
  .product__btn_li > li a{}
  .product__btn_li > li.is-bookmark{}
  .product__btn_li > li.is-bookmark a{}
  .product__btn_li > li.is-bookmark a::before{}
  .product__btn_li > li.is-pdf a{}
  .product__btn_li > li.is-pdf a::before{}
  .product__btn_li > li.is-pdf a::after{}
  .product__btn_li > li.is-bookmark a{}

  .overview{}
  .overview__nv{margin: 0 0 15px;}
  .overview__nv > li{
    width: 50%;
    margin: 0 0 4px;
  }
  .overview__nv > li:nth-child(3){margin: 0;}
  .overview__nv > li:nth-child(4){margin: 0;}
  .overview__nv > li a{}
  .overview__nv > li.is-active a{}
  .overview__nv > li.is-active a::before,
  .overview__nv > li.is-active a::after{}
  .overview__nv > li a::before{}
  .overview__nv > li a::after{}
  .overview__ttl{margin: 0 0 15px;}
  .overview__img{margin: 0 0 15px;}
  .overview__copy{margin: 0 0 15px;}
  .overview__copy > li{
    width: 100%;
    margin: 0 0 4px;
    float:none;
  }
  .overview__copy > li a{}
  .overview__copy > li a::before{}
  .overview__copy > li a::after{}

  .document__in{}
  .document__ttl{}
  .document__ttl::before{}
  .document__nv{}
  .document__nv > li{
    width: 100%;
    margin: 0 0 4px;
    float:none;
  }
  .document__nv > li a{}
  .document__nv > li a::before{}
  .document__nv > li a::after{}
  .document__nv > li.is-active a{}
  .document__nv > li.is-line02 a{}
  .document__nv > li.is-line02 a span{}
  .document__nv > li.is-line02 a::after{}
  .document__nv > li.is-active a::before{}
  .document__nv > li.is-active a::after{}
  .document__lead{
    padding: 10px 0;
    line-height: 1.6;
    height: auto;
  }
  .document__li{letter-spacing: -0.5px;}
  .document__li > li{
    width: 50%;
    margin: 0 0 4px;
  }
  .document__li > li .catalog{}
  .document__li > li .catalog__ttl{}
  .document__li > li .catalog__num{}
  .document__li > li .catalog__date{}
  .document__li > li .catalog__txt{}
  .document__li > li .catalog__img{}
  .document__li > li .catalog__in{}
  .document__li > li .catalog__li > li{}
  .document__li > li .catalog__li > li:last-child{}
  .document__li > li .catalog__li > li a{}
  .document__li > li .catalog__li > li.is-gray a{}
  .document__li > li .catalog__li > li.is-orange a::before{}
  .document__li > li .catalog__li > li.is-blue a::before{}
  .document__li > li .catalog__li > li.is-gray a::before,
  .document__li > li .catalog__li > li.is-gray a::after{}
  .document__li > li .catalog__li > li.is-line02 a{}
  .document__li > li .catalog__li > li a::before{}
  .document__li > li .catalog__li > li a::after{}

  .document__help{}
  .document__help__li{}
  .document__help__li > li{float: none;}
  .document__help__li > li a{width: 100%;}
  .document__help__li > li.is-mail a{
    width: 100%;
    margin: 0 0 4px;
  }
  .document__help__li > li.is-faq  a{width: 100%;}
  .document__help__li > li.is-gray a{width: 100%;}
  .document__help__li > li.is-gray a span{}
  .document__help__li > li.is-gray a::after{}
  .document__help__li > li a::before{}
  .document__help__li > li.is-gray a::before{}
  .document__help__li > li.is-gray a::before{}
  .document__help__li > li a::after{}

  .miniaturization{}
  .miniaturization__lead{}
  .miniaturization__img{}

  .socket{}
  .socket__lead{}
  .socket__li{
    margin: 0;
  }
  .socket__li > li{
    width: 100%;
    float: none;
    margin: 0 0 20px;
    padding: 0;
  }
  .socket__li > li figure{text-align: center;}
  .socket__li > li figure img{width: auto;}
  .socket__li > li h4{}
  .socket__li > li h4::before{}
  .socket__li > li ul{}

  .panel__lead{}
  .panel__img{}

  .switch__img{}
  .switch__lead{}
  .switch__li{}

  .key__in{margin: 0 0 15px;}
  .key__img{
    width: auto;
    float:none;
    margin: 0 0 15px;
    text-align: center;
  }
  .key__img img{
    width: auto;
  }
  .key__txt{
    width: auto;
    padding: 0;
    float:none;
  }
  .key__txt p{margin: 0 0 15px;}
  .key__txt ul{}
  .key__li{
    margin: 0;
  }
  .key__li::before{
    top: auto;
    bottom:0;
    left: 50%;
    transform: translate(-50%, 0%);
    -webkit-stransform: translate(-50%, 0%);
  }
  .key__li > li{
    width: 100%;
    float:none;
    margin: 0 0 15px;
    padding: 0;
  }
  .key__li > li:nth-child(2){margin: 0 0 20px;}
  .key__li > li:nth-child(3){margin: 0 0 20px;}
  .key__li > li:nth-child(4){
    margin: 0 0 0;
    padding:0 0 180px;
  }
  .key__li > li > div{
    height: auto;
    padding: 15px;
  }
  .key__li > li > div h4{}
  .key__li > li > div p{}

  .consultation{}
  .consultation__in{padding: 15px;}
  .consultation__ttl{font-size: 1.4rem;}
  .consultation__li{}
  .consultation__li > li{
    width: 100%;
    margin: 0 0 4px;
  }
  .consultation__li > li a{font-size: 1.2rem;}
  .consultation__li > li a::before{}
  .consultation__li > li a::after{}

  .help{padding: 15px;}
  .help__ttl{
    font-size: 1.4rem;
    line-height: 1.6;
    margin: 0 0 15px;
  }
  .help__li > li{
    width: 100%;
    margin: 0 0 4px;
  }
  .help__li > li a{}
  .help__li > li:first-child a::after{}
  .help__li > li:first-child a::before{}
  .help__li > li:last-child{margin: 0;}

  .recommend{margin: 0;}
  .recommend__ttl{}
  .recommend__li_wr{}
  .recommend__li__prev,
  .recommend__li__next{}
  .recommend__li__prev{}
  .recommend__li__next{}
  .recommend__li{}
  .recommend__li > li{width: 50%;}
  .recommend__li figure {
    margin: 0 10px;
  }

  .helper{
    display: none;
  }
  .helper__close{}
  .helper__li{}
  .helper__li > li{}
  .helper__li > li a{}
  .helper__li > li.is-mail a{}
  .helper__li > li.is-faq  a{}
  .helper__li > li.is-blue a{width: 174.5px;}
  .helper__li > li.is-blue a::before{}
  .helper__li > li.is-mail a{}
  .helper__li > li.is-faq a{}
  .helper__li > li.is-gray a{}
  .helper__li > li.is-gray a span{}
  .helper__li > li.is-gray a::after{}
  .helper__li > li a::before{}
  .helper__li > li.is-gray a::before{}
  .helper__li > li.is-gray a::before{}
  .helper__li > li a::after{}

}




/* Mypage
----------------------------------- */
.mypage .cnt {
  min-height: 500px;
}
.sd__mypage {}
.sd__mypage__userName {
  background-color: #F2F7FF;
  padding: 10px 20px;
  position: relative;
  margin-bottom: 10px;
}
.sd__mypage__userName p {}
.sd__mypage__userName p span {
  display: block;
  font-size: 1.6rem;
  font-weight: bold;
}
.sd__mypage__userName p small {
  font-size: 1.2rem;
  display: inline-block;
  margin-left: 0.5em;
}
.sd__mypage__userName:after {
  height: 5px;
  width: 10px;
  background-color: #005bac;
  content:"";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -3px;
}
.sd__mypage__list {
  margin-bottom: 10px;
}
.sd__mypage__list li {
  border-bottom: 1px solid #fff;
}
.sd__mypage__list li a {
  display: block;
  background-color: #F9F9F9;
  position: relative;
  font-size: 1.2rem;
  color: #333;
  padding: 6px 10px;
  /*font-weight: bold;*/
  transition:.3s;
}
.sd__mypage__list.is-link li a {
  font-weight: normal;
}
.sd__mypage__list li a:hover {
  opacity: .7;
}
.sd__mypage__list li a:after {
  position: absolute;
  content:"";
  width: 20px;
  height: 30px;
  background-image: url(../../container/img/common/ic_arrow_right.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #005bac;
  right: 0;
  top: 0;
}
.sd__mypage__list li.is-blank a:before {
    position: absolute;
  content:"";
  width: 11px;
  height: 10px;
  background-image: url(../../container/img/common/ic_blank.png);
  background-repeat: no-repeat;
  background-position: center center;
  right: 23px;
  bottom: 3px;
}
.sd__mypage__list.is-logout a:after {
  background-color: #ccc;
}
.sd__mypage__ttl {
      font-size: 1.2rem;
    color: #005bac;
    font-weight: bold;
    padding-left: 10px;
    margin-bottom: 3px;
}
.el {
  position: relative;
  padding-bottom: 40px;
  border-bottom: 5px solid #005bac;
  margin-bottom: 20px;
}
.is-mpttl {
  font-size: 1.8rem;
  font-weight: bold;
  background-repeat: no-repeat;
  color: #005bac;
  padding-left: 50px;
  position: relative;
}
.is-mpttl:before {
  content:"";
  background-repeat: no-repeat;
  position: absolute;
}
.el__ttl:before {
  background-image: url(../../container/img/common/ic_er.png);
  -webkit-background-size: 32px auto;
  background-size: 32px auto;
  width: 32px;
  height: 21px;
  left: 2px;
  top: 2px;
}
.mpbk__ttl:before {
  background-image: url(../../container/img/common/ic_cl.png);
  -webkit-background-size: 26px auto;
  background-size: 26px auto;
  width: 26px;
  height: 32px;
  left: 2px;
  top: 0px;
}
.mpfv__ttl:before {
  background-image: url(../../container/img/common/ic_fv.png);
  -webkit-background-size: 24px auto;
  background-size: 24px auto;
  width: 24px;
  height: 30px;
  left: 2px;
  top: 0px;
}
.mpdl__ttl:before {
  background-image: url(../../container/img/common/ic_dl.png);
  -webkit-background-size: 32px auto;
  background-size: 32px auto;
  width: 32px;
  height: 28px;
  left: 2px;
  top: 0px;
}
.mpsrh__ttl {
  cursor: pointer;
}
.mpsrh__ttl:before {
  cursor: pointer;
  background-image: url(../../container/img/common/ic_mg.png);
  -webkit-background-size: 32px auto;
  background-size: 32px auto;
  width: 32px;
  height: 32px;
  left: 2px;
  top: 0px;
}
.is-allBtn {
  position: absolute;
  right: 0;
  top: 0;
  color: #fff;
  background-color: #005bac;
  width: 120px;
  display: block;
  color: #fff !important;
  /*text-align: center;*/
  font-size: 1.2rem;
  padding: 6px 0 6px 20px;
  transition:.3s;
}
.is-allBtn:hover {
  opacity: .7;
}
.is-allBtn:after {
  position: absolute;
  right: 0;
  top: 0;
  content:"";
  width: 20px;
  height: 30px;
  background-color: #002074;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: 7px auto;
  background-size: 7px auto;
  background-image: url(../../container/img/common/ic_arrow_right.png);
}
.mpfv__ttl {
  margin-bottom: 30px;
}
.mpfv {
    position: relative;
   padding-bottom: 60px;
  margin-bottom: 20px;
}
.mpfv__wrap {}
.mpfv__wrap__itm {
  position: relative;
  display: table;
  float: left;
  width: 360px;
  margin-bottom: 10px;
  color: #fff !important;
  font-size: 1.2rem;
  padding: 10px;
  padding-left: 25px;
}
.mpfv__wrap__itm span {
  vertical-align: middle;
  display: table-cell;
}
.mpfv__wrap__itm input {
  position: absolute;
  left: 5px;
  top: 50%;
  margin-top: -6px;
}
.mpfv__wrap__itm:nth-child(2n) {
  float: right;
}
.mpfv__wrap__itm.is-orange {
  background-color: #FD9840;
}
.mpfv__wrap__itm.is-green {
  background-color: #78B43C;
}
.mpfv__wrap__itm.is-lightBlue {
  background-color: #1DB1ED;
}
.mpfv__wrap__itm.is-blue {
  background-color: #386190;
}
.mpfv__wrap__itm.is-viridian {
  background-color: #118080;
}
.is-changeBtn {
  text-align: right;
  margin-top: 80px;
}
.mpfv__link__check {
  margin-right: 1em;
}
.is-changeBtn a {
  color: #fff;
  display: inline-block;
  text-align: center;
  width: 180px;
  font-size: 1.2rem;
  padding: 8px 0;
  background-color: #3c3d3e;
  transition:.3s;
}
.is-changeBtn a:hover {
  opacity: .7;
}
.mpbk {
  position: relative;
   padding-bottom: 60px;
  border-bottom: 5px solid #005bac;
  margin-bottom: 20px;
}
.mpbk.is-lower {
  border-bottom: none;
}
.mpbk__ttl {
  margin-bottom: 30px;
}
.mpbk__wrap {}
.mpdl__noRegi,
.mpbk__wrap__noRegi {
  background-color: #f2f7ff;
  padding: 30px 0;
  text-align: center;
}
.mpbk__wrap__noRegi {
  padding: 30px 0;
}
.mpdl__noRegi p,
.mpbk__wrap__noRegi p {
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.8rem;
  margin-bottom: 17px;
}

.mpdl__noRegi p {
  margin-bottom: 0;
}
.mpbk__wrap__noRegi a {
  display: inline-block;
  font-size: 1.4rem;
  color: #fff;
  width: 315px;
  position: relative;
  background-color: #005bac;
  padding: 13px 0;
  transition:.3s;
}
.mpbk__wrap__noRegi a:hover {
  opacity: .7;
}
.mpbk__wrap__noRegi a:after {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #002074;
  content:"";
  width: 20px;
  height: 46px;
  background-image: url(../../container/img/common/ic_arrow_right.png);
  -webkit-background-size: 7px auto;
  background-size: 7px auto;
  background-repeat: no-repeat;
  background-position: center center;
}
.mpdl__error,
.mpbk__wrap__error {
  background-color: #ffe6e6;
  color: #d91404;
  font-size: 1.2rem;
  padding: 30px 0;
  text-align: center;
}
.mpbk__link {
  display: block;
  width: 360px;
  float: left;
  border: 1px solid #ccc;
  padding: 10px;
  margin-bottom: 10px;
  transition:.3s;
  position: relative;
}
.mpbk__link:after {
  content:"";
  position: absolute;
  right: 5px;
  top:50%;
  margin-top: -5px;
  width: 7px;
  height: 10px;
  background-image: url(../../container/img/common/ic_arrow_right-bk.png);
}

.mpbk__link:hover {
  background-color: #f9efd6;
}
.mpbk__link:nth-child(even) {
  float: right;
}
.mpbk__link__check {
  float: left;
}
.mpbk__link__cat {
  text-align: center;
  width: 140px;
  color: #fff;
  padding: 2px 0;
  /*margin-left: 25px;*/
  margin-bottom: 10px;
}
.is-lower .mpbk__link__cat {
  margin-left: 5px;
  float: left;
}
.mpbk__link__cat.is-orange {
  background-color: #ff9933;
}
.mpbk__link__img {
  width: 60px;
  float: left;
}
.mpbk__link__name {
  float: right;
  width: calc(100% - 70px);
}
.mpbk__link__name p {
/*visibility: hidden;*/
padding-right: 10px;
}
.mpdl {
  position: relative;
   padding-bottom: 60px;
}
.mpdl__ttl {
  margin-bottom: 30px;
}
.mpdl__srch {
  background-color: #f2f7ff;
  padding: 10px;
  margin-bottom: 20px;
}
.mpdl__srch__slct {
  float: left;
  position: relative;
  margin-right: 10px;
  width: 290px;
}
.mpdl__srch__slct:after {
  content:"";
  background-image: url(../../container/img/common/ic_arrow-down_bl.png);
  width: 10px;
  height: 7px;
  background-repeat: no-repeat;
  position: absolute;
  top: 10px;
  right: 10px;
}
.mpdl__srch__slct select {
  -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  background-color: #fff;
  width: 100%;
  font-size: 1.2rem;
  border: none;
  border-radius: 0;
  padding: 5px;
}
.mpdl__srch__submit {
  width: 110px;
  display: block;
  float: left;
  font-size: 1.2rem;
  background-color: #005bac;
  text-align: center;
  padding: 5px 0;
  color: #fff !important;
  transition:.3s;
}
.mpdl__srch__submit:hover {
  opacity: .7;
}
.mpdl__link {
  transition:.3s;
  display: block;
}
.mpdl__link:hover .mpdl__list {
  background-color: #eee;
}
.mpdl__list {
  width: 100%;
  margin-bottom: 10px;
  transition:.3s;
}
.mpdl__list .mpdl__list__col5 {
  text-align: left;
  padding: 5px;
}
.mpdl__list th {
  text-align: center;
  vertical-align: middle;
  border:1px solid #ddd;
  /*width: 20%;*/
  padding: 5px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ededed+0,ffffff+100&0.51+0,0+100 */
background: -moz-linear-gradient(-45deg, rgba(237,237,237,0.51) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(237,237,237,0.51) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(237,237,237,0.51) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82ededed', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.mpdl__list th.is-cad {
  width: 80px;
}
.mpdl__list th.is-dl {
  width: 90px;
  font-size: 1.0rem;
  line-height: 1.1rem;
}
.mpdl__list th.is-finished {
  width: 70px;
}


.mpdl__list td {
  padding: 5px;
  border:1px solid #ddd;
  position: relative;
  padding-right: 20px;
}
.mpdl__list td span {

}
.mif__dl__list td {
  position: relative;
}
.mif__dl__list td:after,
.mpdl__list td:after {
  content:"";
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -5px;
  width: 7px;
  height: 10px;
  background-image: url(../../container/img/common/ic_arrow_right-bk.png);
}
.mpdl__pgr {
  text-align: center;
  margin-top: 30px;
}
.mpdl__pgr__prev {
  margin-right: 40px;
}
.mpdl__pgr__next {
  margin-left: 20px;
}
.mpdl__pgr__itm {
  width: 45px;
  height: 45px;
  line-height: 45px;
  color: #fff !important;
  font-size: 1.4rem;
  background-color: #0C5DAA;
  display: inline-block;
  margin-right: 20px;
  border-radius: 50%;
  text-align: center;
  transition:.3s;
}
.mpdl__pgr__itm.is-active {
  background-color: #ccc;
}
.mpdl__pgr__itm:hover {
  opacity: .7;
}
.mpsrh {
  width: 980px;
  margin: 0 auto;
  position: relative;
}
.mpsrh__wrap {
  border-top: 5px solid #005bac;
  background-color: #F2F7FE;
  padding: 15px 10px;
  position: relative;
  position: fixed;
  bottom: 30px;
  width: 730px;
  margin-left: 250px;
  z-index: 999;
}
.mpsrh__ttl {
  position: relative;
}
.mpsrh__ttl.is-active {
  margin-bottom: 20px;
}
.mpsrh__ttl:after {
  content:"+";
  width: 40px;
  height: 40px;
  color: #fff;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 38px;
  background-color: #005bac;
  position: absolute;
  top: -5px;
  right: 10px;
  text-align: center;
}
.mpsrh__ttl.is-active:after {
  content:"-";
}
.mpsrh__frm {
  display: none;
}
.mpsrh__frm__slct {
  position: relative;
  width: 390px;
}
.mpsrh__frm__slct:after {
  content:"";
  background-image: url(../../container/img/common/ic_arrow-down_bl.png);
  width: 10px;
  height: 7px;
  -webkit-background-size: 10px auto;
  background-size: 10px auto;
  position: absolute;
  top: 15px;
  right: 10px;
  background-repeat: no-repeat;
}
.mpsrh__frm__slct select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 0;
  margin: 0;
  padding: 0;
  background: none transparent;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  max-width: 100%;
  width: 100%;
  border: 1px solid #ddd;
  background-color: #fff;
  padding: 9px;
  font-size: 1.2rem;
  border-radius: 0;
  margin-bottom: 10px;
}
.mpsrh__frm__txt {
  width: 565px;
  float: left;
}
.mpsrh__frm__txt input{
  width: 100%;
  border: 1px solid #ddd;
  background-color: #fff;
  padding: 9px;
  font-size: 1.2rem;
  border-radius: 0;
  margin-bottom: 10px;
}
.mpsrh__frm__submit {
  width: 120px;
  float: right;
  margin-right: 10px;
}
.mpsrh__frm__submit input{
  display: block;
  background-color: #005bac;
  color: #fff;
  padding: 6px;
  text-align: center;
  width: 100%;
  font-size: 1.6rem;
}
.mpsrh__frm__check {
  /*float: left;*/
  font-size: 1.2rem;
}
a.mpsrh__que {
  position: absolute;
  right: 20px;
  bottom: 10px;
  font-size: 1.2rem;
  display: inline-block;
}
.is-que:after {
  content:"";
  width: 16px;
  height: 16px;
  left: -20px;
  top: 2px;
  background-image: url(../../container/img/common/ic_qu.png);
  position: absolute;
  -webkit-background-size: contain;
  background-size: contain;
}

@media screen and (max-width:640px) {
  .mpfv {
      position: relative;
     padding-bottom: 60px;
    margin-bottom: 20px;
  }
  .mpfv__wrap {
  }
  .mpfv__wrap__itm {
    float: none;
    width: 100%;
    font-size: 1.0rem;
  }
  .mpfv__wrap__itm:nth-child(2n) {
    float: none;
  }
  .is-changeBtn {
    text-align: center;
    margin-top: 30px;
  }
  .is-changeBtn a {
    width: 100%;
    font-size: 1.0rem;
  }
  .mpbk__wrap__noRegi {
    padding: 15px 10px;
  }
  .mpbk__wrap__noRegi p {
    font-size: 1.0rem;
    margin-bottom: 15px;
  }
  .mpbk__wrap__noRegi a {
    font-size: 1.4rem;
    width: 100%;
    padding: 8px 0;
  }
  .mpbk__wrap__noRegi a:after {
    height: 36px;
  }
  .mpbk__wrap__error {
    padding: 15px 10px;
    font-size: 1.0rem;
  }
  .mpbk__link {
    width: 100%;
    float: none;
  }
  .mpbk__link:nth-child(even) {
    float: none;
  }
  .mpdl__srch {
    padding: 10px;
    margin-bottom: 20px;
  }
  .mpdl__srch__slct {
    float: none;
    margin-right: 0;
    width: 100%;
    margin-bottom: 10px;
  }
  .mpdl__srch__submit {
    width: 100%;
    float: none;
  }
  .mpdl__list th.is-cad {
    width: 20%;
  }
  .mpdl__list th.is-dl {
    width: 20%;
    font-size: 1.0rem;
    line-height: 1.1rem;
  }
  .mpdl__list th.is-finished {
    width: 20%;
  }
  .el__ttl {
    margin-bottom: 20px;
  }
  .is-mpttl {
    font-size: 1.6rem;
    font-weight: bold;
    background-repeat: no-repeat;
    color: #005bac;
    padding-left: 40px;
    position: relative;
  }
  .is-allBtn {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    padding: 6px 0;
    text-align: center;
  }
  #areaHeader {
  }
  #areaHeader .menuBtn {
    display: none;
  }
  .el {
     padding-bottom: 20px;
  }
  .mpdl {
     padding-bottom: 80px;
  }
  .mpdl__pgr {
    margin-top: 20px;
  }
  .mpdl__pgr__prev {
    margin-right: 20px;
    width: 7px;
    display: inline-block;
  }
  .mpdl__pgr__next {
    margin-left: 10px;
    width: 7px;
    display: inline-block;
  }
  .mpdl__pgr__prev img,
  .mpdl__pgr__next img{
    width: 100%;
  }
  .mpdl__pgr__itm {
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 1.2rem;
    margin-right: 10px;
  }
  .mpsrh {
    width: 100%;
    margin: 0 auto;
  }
  .mpsrh__wrap {
    width: 100%;
    margin-left: 0;
    bottom: 0;
  }
  .mpsrh__frm__slct {
    width: 100%;
  }
  .mpsrh__frm__txt {
    width: 100%;
    float: none;
  }
  .mpsrh__frm__txt input{
    width: 100%;
    border: 1px solid #ddd;
    background-color: #fff;
    padding: 9px;
    font-size: 1.2rem;
    border-radius: 0;
    margin-bottom: 10px;
  }
  .mpsrh__frm__submit {
    width: 100%;
    float: none;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .mpsrh__frm__check {
    /*float: left;*/
    font-size: 1.2rem;
  }
  a.mpsrh__que {
    position: absolute;
    right: 20px;
    bottom: 10px;
    font-size: 1.2rem;
    display: inline-block;
  }

  .mpsrh__ttl:after {
    content:"+";
    width: 30px;
    height: 30px;
    color: #fff;
    font-size: 2.0rem;
    font-weight: bold;
    line-height: 30px;
    background-color: #005bac;
    position: absolute;
    top: -5px;
    right: 10px;
    text-align: center;
  }

}

/*registration*/
.msr {
  padding-bottom: 40px;
}
.msr__ttl,
.is-lower__ttl {
  font-size: 3.6rem;
  color: #005bac;
  font-weight: bold;
  text-align: center;
  margin-bottom: 50px;
  margin-top: 25px;
}
.msr__info {
  font-size: 1.2rem;
  line-height: 2.4rem;
  text-align: center;
  margin-bottom: 40px;
}
.msr__func {
  width: 980px;
  margin: 0 auto 30px;
  position: relative;
  text-align: center;
}
.msr__func__bg {
  position: absolute;
  left:-210px;
  top:13px;
}
.msr__func__itm {
  position: relative;
  z-index: 100;
  display: inline-block;
  margin-top: -30px;
}

.msr__func__itm:first-child {
 margin-right: 25px;
}
.msr__caution {
  padding: 20px;
  position: relative;
  border: 1px solid #cccccc;
  width: 980px;
  margin: 0 auto;
  padding-left: 60px;
  background-image: url(../../container/img/common/ic_caution_red.png);
  background-position: 10px center;
  background-repeat: no-repeat;
}
.msr__caution__info {
  font-size: 1.2rem;
}
.msr__caution__btn {
  text-align: center;
  position: absolute;
  right: 10px;
  top:50%;
  background-color: #6ab6b6;
  color: #fff !important;
  font-size: 1.1rem;
  display: block;
  width: 250px;
  /*padding: 10px;*/
  height: 50px;
  padding-top: 2px;
  margin-top: -25px;
  transition:.3s;
}
.msr__caution__btn:after {
  content:"";
  width: 20px;
  height: 50px;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #318281;
  background-image: url(../../container/img/common/ic_arrow_right.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.msr__caution__btn span {
  font-size: 1.6rem;
  display: block;
  text-align: center;
}
.msr__caution__btn:hover {
  opacity: .7;
}
.msrf {
  background-color: #f2f7ff;
  padding: 30px 0;
}
.msrf__wrap {
  width: 980px;
  margin: 0 auto;
}
.msrf__wrap__itm {
  background-color: #fff;
  border-top: 5px solid #005bac;
  padding: 20px;
}
.msrf__wrap__itm__ttl {
  font-size: 1.8rem;
  margin-bottom: 20px;
  color: #005bac;
  font-weight: bold;
}
.msrf__wrap__itm.is-member {}
.msrf__wrap__itm.is-noMember {
  float: right;
}
.msrf__wrap__itm__info {
  font-size: 1.2rem;
  line-height: 1.8rem;
}
.msrf__wrap__frm {
  /*margin-top: 50px;*/
}
.is-error .msrf__wrap__frm {
  margin-top: 0;
}
.is-ermsg {
  background-color: #ffe6e6;
  font-size: 1.2rem;
  color: #d91404;
  padding: 5px 10px;
  margin: 10px 0;
}
.msrf__wrap__frm input[type="password"],
.msrf__wrap__frm input[type="text"] {
  width: 337px;
  font-size: 1.2rem;
  padding: 14px 10px;
  margin-right: 10px;
  float: left;
}
.msrf__wrap__frm label {
  font-size: 1.2rem;
  /*margin-bottom: 10px;*/
  display: inline-block;
  padding-left: 170px;
  margin-right: 160px;
}
.msrf__wrap__frm input[type="checkbox"] {}
.msrf__wrap__frm input[type="submit"] {
  background-color: #fff;
  background-color: #fdc235;
  cursor:pointer;
  transition:.3s;
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
  padding: 13px 0;
  width: 100%;
  margin-bottom: 10px;
}
.msrf__wrap__frm .is-submit {
  position: relative;
  float: left;
    width: 245px;
  display: block;
  margin: 0 auto;
}
.msrf__wrap__frm .is-submit:after {
  position: absolute;
  right: 0;
  top: 0;
  content:"";
  width: 20px;
  height: 50px;
  background-color: #fb940b;
  background-image: url(../../container/img/common/ic_arrow_right.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.msrf__wrap__frm input[type="submit"]:hover {
  opacity: .7;
}
.msrf__wrap__itm .is-blank {
  /*display: block;*/
  /*text-align: right;*/
  padding-right: 15px;
  background-image: url(../../container/img/common/ic_blank.png);
  background-repeat: no-repeat;
  background-position: right center;
  font-size: 1.2rem;
}
.msrf__wrap__itm .is-registration {
  display: block;
  width: 215px;
  margin: 65px auto 0;
  position: relative;
  transition:.3s;
  background-color: #6ab6b6;
    font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
  padding: 13px 0;
  text-align: center;
}
.msrf__wrap__itm .is-registration:hover {
  opacity: .7;
}
.msrf__wrap__itm .is-registration:after {
    position: absolute;
  right: 0;
  top: 0;
  content:"";
  width: 20px;
  height: 50px;
  background-color: #2c8282;
  background-image: url(../../container/img/common/ic_arrow_right.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.msrf__wrap__itm .is-registration:before {
  background-image: url(../../container/img/common/ic_blank.png);
  width: 11px;
  height: 10px;
  position: absolute;
  bottom: 5px;
  right: 30px;
  content:"";
}
.msa {
  padding: 20px 0 100px;
}
.msa__itm {
  width: 980px;
  margin: 0 auto;
  padding: 10px;
  border: 1px solid #ccc;
  font-size: 1.2rem;
}
.msa__itm__ttl {
  font-size: 1.6rem;
  margin-bottom: 20px;
}
.msa__itm__info {}
@media screen and (max-width:640px) {
  .msr {
    padding: 10px;
    padding-bottom: 40px;
  }
  .msr__ttl,
  .is-lower__ttl {
    font-size: 1.8rem;
    margin-bottom: 20px;
    margin-top: 25px;
  }
  .msr__info {
    font-size: 1.0rem;
    line-height: 1.8rem;
    text-align: center;
    margin-bottom: 40px;
  }
  .msr__func {
    width: 100%;
  }
  .msr__func__bg {
  position: absolute;
  left:0;
  top:13px;
  }
  .msr__func__itm {
    position: relative;
    z-index: 100;
    display: inline-block;
    margin-top: 0;
    transition: .3s;
    width: 25%;
    margin-top: -30px;
  }
  .msr__func__itm:first-child {
   margin-right: 10px;
  }
  .msr__caution {
    width: 100%;
    
    padding: 10px;
    padding-left: 60px;
  }
  .msr__caution__info {
    font-size: 1.2rem;
  }
  .msr__caution__btn {
    position: relative;
    right: auto;
    top:auto;
    width: 100%;
    margin-top: 10px;
  }
  .msr__caution__btn:after {
    content:"";
    width: 20px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #318281;
    background-image: url(../../container/img/common/ic_arrow_right.png);
    background-repeat: no-repeat;
    background-position: center center;
  }
  .msr__caution__btn span {
    font-size: 1.6rem;
    display: block;
    text-align: center;
  }
  .msrf {
    background-color: #f2f7ff;
    padding: 20px 0;
  }
  .msrf__wrap {
    width: 100%;
    padding: 0 10px;
  }
  .msrf__wrap__itm {
    width: 100%;
    float: none;
    padding: 10px;
    height: auto;
  }
  .msrf__wrap__itm__ttl {
    font-size: 1.4rem;
    margin-bottom: 10px;
  }
  .msrf__wrap__itm.is-member {
    margin-bottom: 20px;
  }
  .msrf__wrap__itm.is-noMember {
    float: none;
  }
  .msrf__wrap__itm__info {
    font-size: 1.2rem;
    line-height: 1.8rem;
  }
  .msrf__wrap__frm {
    margin-top: 25px;
  }
  .msrf__wrap__frm input[type="password"],
  .msrf__wrap__frm input[type="text"] {
    width: 100%;
    font-size: 1.2rem;
    padding: 14px 10px;
    margin-bottom: 10px;
  }
  .msrf__wrap__frm label {
    font-size: 1.2rem;
    margin-bottom: 20px;
    display: block;
    padding: 0;
    margin-right: 0;
  }
  .msrf__wrap__frm input[type="checkbox"] {}
  .msrf__wrap__frm input[type="submit"] {
    background-color: #fff;
    background-color: #fdc235;
    cursor:pointer;
    transition:.3s;
    font-size: 1.6rem;
    font-weight: bold;
    color: #fff;
    padding: 13px 0;
    width: 100%;
  }
  .msrf__wrap__frm .is-submit {
    position: relative;
      width: 100%;
  }
  .msrf__wrap__itm .is-registration {
    width: 100%;
    margin: 30px auto 0;
  }

  .msa {
    padding: 20px 10px 40px;
    width: 100%;
  }
  .msa__itm {
    width: 100%;
    padding: 10px;
    margin: 0 auto;
  }
  .msa__itm__ttl {
    font-size: 1.4rem;
    margin-bottom: 20px;
  }
}



/* 製品情報 */






.prd__tp__ttl {
  font-size: 3.6rem;
  text-align: center;
  color: #005bac;
  margin: 50px 0;
  font-weight: bold;
}

.prd__tp__srch {
  background-color: #F1F6FE;
  padding: 30px 0;
  margin-bottom: 20px;
}
.prd__tp__prd__links {
  width: 940px;
  margin: 0 auto 20px;
}
.prd__tp__prd__links li {
  width: 20%;
  float: left;
  display: block;
}
.prd__tp__prd__links li a {
  display: block;
  text-align: center;
  font-size: 1.0rem;
  background-color: #888;
  color: #fff;
  height: 30px;
  line-height: 30px;
  position: relative;
  background-repeat: no-repeat;
  background-position: left 8px center;
}
.prd__tp__prd__links li a:after {
  content:"";
  width: 1px;
  height: 15px;
  background-color: #fff;
  display: block;
  position: absolute;
  top: 8px;
  right: 0;
}
.prd__tp__prd__links li.is-new a {
  background-color: #3c3d3e;
  font-size: 1.2rem;
  border-right: 1px solid #fff;
  background-image: url(../../container/img/common/ic_new.png);
  -webkit-background-size: 15px auto;
  background-size: 15px auto;
}
.prd__tp__prd__links li.is-new a:after,
.prd__tp__prd__links li.is-rohs a:after {
  display: none;
}
.prd__tp__prd__links li.is-change a {
  background-image: url(../../container/img/common/ic_change.png);
  -webkit-background-size: 13px auto;
  background-size: 13px auto;
}
.prd__tp__prd__links li.is-finished a {
  background-image: url(../../container/img/common/ic_close.png);
  -webkit-background-size: 15px auto;
  background-size: 15px auto;
}
.prd__tp__prd__links li.is-various a {
  background-image: url(../../container/img/common/ic_gear.png);
  -webkit-background-size: 20px auto;
  background-size: 20px auto;
}
.prd__tp__prd__links li.is-rohs a {
  background-image: url(../../container/img/common/ic_leaf.png);
  -webkit-background-size: 21px auto;
  background-size: 21px auto;
}
.prd__tp__srch__wrap {
  width: 980px;
  margin: 0 auto;
  background-color: #fff;
  border-top: 5px solid #005bac;
  padding: 20px;
}
.prd__tp__srch__ttl {
    font-size: 1.8rem;
    font-weight: bold;
    background-repeat: no-repeat;
    color: #005bac;
    padding-left: 50px;
    position: relative;
    margin-bottom: 20px;
}
.prd__tp__srch__ttl:before {
      content: "";
    background-repeat: no-repeat;
    position: absolute;
    background-image: url(../../container/img/common/ic_mg.png);
    -webkit-background-size: 32px auto;
    background-size: 32px auto;
    width: 32px;
    height: 32px;
    left: 2px;
    top: 0px;
}
.prd__tp__srch__info {
  font-size: 1.2em;
  line-height: 1.8rem;
  margin-bottom: 10px;
}
.prd__tp__wrap__frm {}
.prd__tp__wrap__frm .clearfix input[type="text"] {
  width: calc(100% - 140px);
  float: left;
  font-size: 1.2rem;
  padding: 14px 10px;
  margin-bottom: 10px;
}
.prd__tp__wrap__frm .clearfix .is-submit {
  float: right;
  width: 120px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #005bac;
  color: #fff;
}
.prd__tp__wrap__frm .clearfix .is-submit input {
  width: 100%;
  font-size: 1.6rem;
  font-weight: bold;
  background-color: #005bac;
  color: #fff;
  height: 50px;
  line-height: 50px;
  transition:.3s;
  cursor: pointer;
}
.prd__tp__wrap__frm .clearfix .is-submit input:hover {
  opacity: .7;
}
.prd__tp__wrap__frm label {
  font-size: 1.2rem;
  margin-right: 1em;
}
.prd__tp__prd {
  width: 980px;
  margin: 0 auto;
}
.prd__tp__prd__itm {
  display: block;
  width: 480px;
  float: left;
  margin-bottom: 30px;
}
.prd__tp__prd__itm:nth-child(2n) {
  float: right;
}
.prd__tp__prd__itm__ttl {
      position: relative;
    text-align: center;
    color: #fff;
    font-size: 1.4rem;
    padding: 10px 0;
    height: 44px;
}
.prd__tp__prd__itm__ttl:after {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -4px;
    bottom: -8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 4px 0 4px;
    z-index: 999;
}
.is-orange .prd__tp__prd__itm__ttl {
  background-color: #ff9933;
}
.is-orange .prd__tp__prd__itm__ttl:after {
  border-color: #ff9933 transparent transparent transparent;
}
.is-green .prd__tp__prd__itm__ttl {
  background-color: #76b531;
}
.is-green .prd__tp__prd__itm__ttl:after {
  border-color: #76b531 transparent transparent transparent;
}
.is-lightBlue .prd__tp__prd__itm__ttl {
  background-color: #00b0f0;
}
.is-lightBlue .prd__tp__prd__itm__ttl:after {
  border-color: #00b0f0 transparent transparent transparent;
}
.is-blue .prd__tp__prd__itm__ttl {
  background-color: #366092;
}
.is-blue .prd__tp__prd__itm__ttl:after {
  border-color: #366092 transparent transparent transparent;
}
.is-viridian .prd__tp__prd__itm__ttl {
  background-color: #008080;
}
.is-viridian .prd__tp__prd__itm__ttl:after {
  border-color: #008080 transparent transparent transparent;
}
.prd__tp__prd__itm__img {
  display: block;
  height: 120px;
  background-color: #f1f2f7;
      -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.prd__tp__prd__itm__img:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.prd__tp__prd__itm__img:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.is-orange .prd__tp__prd__itm__img:before {
  background-color: #f9efd6;
}
.is-green .prd__tp__prd__itm__img:before {
  background-color: #f0f7d5;
}
.is-lightBlue .prd__tp__prd__itm__img:before {
  background-color: #c8dce3;
}
.is-blue .prd__tp__prd__itm__img:before {
  background-color: #dfedfd;
}
.is-viridian .prd__tp__prd__itm__img:before {
  background-color: #cbe4e4;
}
.prd__tp__prd__itm__img img {
  float: left;
  height: 120px;
}
.prd__tp__prd__itm__img p {
  float: left;
  width: calc(100% - 195px);
  font-size: 1.2rem;
  margin-top: 20px;
}
.prd__tp__prd__itm__list {}
.prd__tp__prd__itm__list li {
  float: left;
  width: 238px;
  position: relative;
}
.prd__tp__prd__itm__list li a {
  font-size: 1.2rem;
  padding: 7px 10px;
  padding-right: 40px;
  background-color: #fff;
  border: 1px solid #eee;
  border-top: none;
  display: block;
  width: 100%;
    white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  transition:.3s;
  height: 33px;
}
.prd__tp__prd__itm__list li a:after {
  content:"";
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 36px;
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../../container/img/common/ic_arrow_right.png);
}
.is-orange .prd__tp__prd__itm__list li a:after {
  background-color: #ff9933;
}
.is-green .prd__tp__prd__itm__list li a:after {
  background-color: #76b531;
}
.is-lightBlue .prd__tp__prd__itm__list li a:after {
  background-color: #00b0f0;
}
.is-blue .prd__tp__prd__itm__list li a:after {
  background-color: #366092;
}
.is-viridian .prd__tp__prd__itm__list li a:after {
  background-color: #008080;
}
.is-orange .prd__tp__prd__itm__list li a:hover {
  background-color: #f9efd6;
}
.is-green .prd__tp__prd__itm__list li a:hover {
  background-color: #f0f7d5;
}
.is-lightBlue .prd__tp__prd__itm__list li a:hover {
  background-color: #c8dce3;
}
.is-blue .prd__tp__prd__itm__list li a:hover {
  background-color: #dfedfd;
}
.is-viridian .prd__tp__prd__itm__list li a:hover {
  background-color: #cbe4e4;
}
.prd__tp__prd__itm__list li:nth-child(2n) {
  position: relative;
  float: right;
  border-left: none;
}
.prd__tp .recommend {
  background-color: #fff;
  width: 980px;
  margin: 0 auto;
  padding-top: 30px;
  border-top: 1px solid #f0f0f0;
  margin-bottom: 90px;
}
.prd__tp .recommend__li {
  background: #f0f0f0;
    border: none;
    padding: 20px 0px;
    position: relative;
}



@media screen and (max-width:640px) {
  
.prd__tp__ttl {
  font-size: 1.8rem;
  margin-bottom: 20px;
  margin-top: 25px;
}

.prd__tp__srch {
  padding: 20px 10px;
}
.prd__tp__srch__wrap {
    width: 100%;
    padding: 10px;
    height: auto;
}
.prd__tp__srch__ttl {
    font-size: 1.4rem;
    padding-left: 30px;
}
.prd__tp__srch__ttl:before {
    -webkit-background-size: 20px auto;
    background-size: 20px auto;
    width: 20px;
    height: 20px;
}
.prd__tp__srch__info {
  font-size: 1.0em;
  margin-bottom: 10px;
}
.prd__tp__wrap__frm {}
.prd__tp__wrap__frm .clearfix input[type="text"] {
  width: 100%;
  float: none;
  margin-bottom: 10px;
}
.prd__tp__wrap__frm .clearfix .is-submit {
  float: none;
  width: 100%;
  margin-bottom: 10px;
}

.prd__tp__wrap__frm label {
  font-size: 1.0rem;
}
.prd__tp__prd {
  width: 100%;
  padding: 0 10px;
}

.prd__tp__prd__links {
  width: 100%;
  margin: 0 auto 20px;
}
.prd__tp__prd__links li {
  width: 50%;
  float: left;
  display: block;
}
.prd__tp__prd__links li a {
  padding-left: 15px;
  background-position: left 5px center;
}
.prd__tp__prd__links li a:after {
  content:"";
  width: 1px;
  height: 15px;
  background-color: #fff;
  display: block;
  position: absolute;
  top: 8px;
  right: 0;
}
.prd__tp__prd__links li.is-new {
  width: 100%;
  /*border-bottom: 1px solid #fff;*/
}
.prd__tp__prd__links li.is-change,
.prd__tp__prd__links li.is-finished {
  border-bottom: 1px solid #fff;
}
.prd__tp__prd__links li.is-new a:after,
.prd__tp__prd__links li.is-finished a:after,
.prd__tp__prd__links li.is-rohs a:after {
  display: none;
}
.prd__tp__prd__links li.is-new a:after,
.prd__tp__prd__links li.is-rohs a:after {
  display: none;
}
.prd__tp__prd__links li.is-change a {
  background-image: url(../../container/img/common/ic_change.png);
  -webkit-background-size: 10px auto;
  background-size: 10px auto;
}
.prd__tp__prd__links li.is-finished a {
  background-image: url(../../container/img/common/ic_close.png);
  -webkit-background-size: 10px auto;
  background-size: 10px auto;
}
.prd__tp__prd__links li.is-various a {
  background-image: url(../../container/img/common/ic_gear.png);
  -webkit-background-size: 10px auto;
  background-size: 10px auto;
}
.prd__tp__prd__links li.is-rohs a {
  background-image: url(../../container/img/common/ic_leaf.png);
  -webkit-background-size: 10px auto;
  background-size: 10px auto;
}
.prd__tp__prd__itm {
  width: 100%;
  float: none;
  margin-bottom: 20px;
}
.prd__tp__prd__itm:nth-child(2n) {
  float: none;
}
.prd__tp__prd__itm__ttl {
  font-size: 1.2rem;
}
.prd__tp__prd__itm__img {
  height: auto;
}
.prd__tp__prd__itm__img img {
  float: none;
  height: auto;
  width: 50%;
  display: block;
  margin: 0 auto;
}
.prd__tp__prd__itm__img p {
  float: none;
  width: 100%;
  font-size: 1.0rem;
  line-height: 1.8rem;
  margin-top: 10px;
  padding: 10px;
}
.prd__tp__prd__itm__list {}
.prd__tp__prd__itm__list li {
  width: 49%;
}
.prd__tp__prd__itm__list li a {
  font-size: 1.0rem;
  height: 31px;
}
.prd__tp__prd__itm__list li a:after {
  height: 31px;
}
.prd__tp .recommend {
  background-color: #fff;
  width: 100%;
  padding: 10px;
  margin-bottom: 30px;
}
.prd__tp .recommend__li {
  background: #f0f0f0;
    border: none;
    padding: 20px 0px;
    position: relative;
}
}


.srs__prd__wrap {
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
}
.srs__slct {
  background-color: #d6e4fd;
}
.srs__slct__wrap {
  position: relative;
  padding: 10px;
  margin-bottom: 50px;
}
.srs__slct__wrap:after {
  position: absolute;
  content:"";
  width: 40px;
  height: 40px;
  display: block;
  right: 10px;
  top: 10px;
  background-image: url(../img/common/ic_arrow_down.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #005bac;
}
.srs__slct__wrap select {
  width: 100%;
  font-size: 1.2rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  height: 40px;
  background-color: #fff;
  padding-left: 10px;
}
.srs__prd__wrap:last-child {
  border-bottom: none;
}
.srs__prd__wrap__itm {
  width: 345px;
  float: left;
}
.srs__prd__wrap__itm:nth-child(2n) {
  float: right;
}
.srs__prd__wrap__itm a {
  transition:.3s;
}
.srs__prd__wrap__itm__ttl {
      background: #f2f7ff;
    font-size: 1.6rem;
    font-weight: bold;
    padding: 5px 5px 5px 20px;
    position: relative;
    line-height: 1.8rem;
    margin-bottom: 10px;
}
.srs__prd__wrap__itm__ttl:before {
      content: "";
    position: absolute;
    top: 50%;
    margin-top: -2px;
    left: 0;
    width: 10px;
    height: 5px;
    background: #005bac;
}
.srs__prd__wrap__itm__img {
  display: block;
  margin-bottom: 5px;
}
.srs__prd__wrap__itm__img:hover {
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
  opacity: .7;
}
.srs__prd__wrap__itm__img img {
  width: 100%;
}
.srs__prd__wrap__itm__list {
  font-size: 1.2rem;
  line-height: 1.8rem;
  margin-bottom: 15px;
}
.srs__prd__wrap__itm__info {
  font-size: 1.2rem;
  line-height: 1.8rem;
  margin-bottom: 15px;
  background-color: #fafafa;
  padding: 5px 10px;
}
.srs__prd__wrap__itm__link {
  position: relative;
  background-color: #005bac;
  color: #fff;
  display: block;
  padding-left: 20px;
  font-size: 1.2rem;
  height: 50px;
  line-height: 44px;
  border: 2px solid #005bac;
}
.srs__prd__wrap__itm__link:visited {
  color: #fff;
}
.srs__prd__wrap__itm__link:hover {
  background-color: #fff;
  color: #005bac;
}
.srs__prd__wrap__itm__link:after {
  display: block;
  content:"";
  height: 50px;
  width: 20px;
  position: absolute;
  right: -2px;
  top: -2px;
  background-color: #002074;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../../container/img/common/ic_arrow_right.png);
}
.srs__prd__wrap__itm__link:hover:after {
  background-color: #005bac;
}
.lower.product .prd__tp__srch {
  width: 100%;
  padding: 20px;
}
.lower.product .prd__tp__srch__wrap {
  width: 100%;
}
.prd__tp__srch__wrap.is-lower {
  margin-bottom: 20px;
}
.srs__helper {}
.srs__helper__found {
  background-color: #fafafa;
  padding: 20px 30px;
  margin-bottom: 10px;
}
.srs__helper__found__info {
  font-size: 1.4rem;
  text-align: center;
  margin-bottom: 20px;
}
.srs__helper__found__link {}
.srs__helper__found__link a {
  display: block;
  width: 50%;
  float: left;
  background-color: #3c3d3e;
  color: #fff;
  position: relative;
  text-align: center;
  font-size: 1.4rem;
  height: 44px;
  line-height: 44px;
  transition:.3s;
}
.srs__helper__found__link a:hover {
  opacity: .7;
}
.srs__helper__found__link a.is-close {
  background-repeat: no-repeat;
  background-image: none;
}
.srs__helper__found__link a.is-close:before {
  content:"";
  position: absolute;
  left: 50px;
  top: 15px;
    background-image: url(../../container/img/common/ic_close.png);
    -webkit-background-size: 15px auto;
    background-size: 15px auto;
    width: 15px;
    height: 15px;
    display: block;
}
.srs__helper__found__link a.is-close:after {
  position: absolute;
  content:"";
  width: 1px;
  height: 20px;
  display: block;
  background-color: #fff;
  top: 12px;
  right: 0;
}
.srs__helper__link {
  margin-bottom: 10px;
  padding: 10px 20px;
  background-color: #f2f7ff;
}
.srs__helper__link a {
  display: block;
  float: left;
  height: 40px;
  line-height: 40px;
  width: 340px;
  position: relative;
  background-color: #d6e4fd;
  padding-left: 10px;
  font-size: 1.2rem;
  transition:.3s;
}
.srs__helper__link a:hover {
  opacity: .7;
}
.srs__helper__link a:nth-child(2n) {
  float: right;
}
.srs__helper__link a:after {
  content:"";
  position: absolute;
  top: 0;
  right: 0;
  height: 40px;
  width: 20px;
  display: block;
  background-color: #7fa3f7;
  background-image: url(../../container/img/common/ic_arrow_right.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.prd__tp__srch__link {}
.prd__tp__srch__link a {
    display: block;
  float: left;
  height: 30px;
  line-height: 30px;
  width: 340px;
  position: relative;
  background-color: #fff;
  padding-left: 10px;
  font-size: 1.2rem;
  transition:.3s;
  border: 1px solid #ccc;
}

.prd__tp__srch__link a:nth-child(2n) {
  float: right;
}
.prd__tp__srch__link a:before {
  content:"";
  position: absolute;
  bottom: 4px;
  right: 24px;
  width: 11px;
  height: 10px;
  background-image: url(../../container/img/common/ic_blank.png);
}
.prd__tp__srch__link a:after {
  content:"";
  position: absolute;
  top: 0;
  right: 0;
  height: 28px;
  width: 20px;
  display: block;
  background-color: #ccc;
  background-image: url(../../container/img/common/ic_arrow_right.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.prd__tp__srch__link a:hover {
  opacity: .7;
}




@media screen and (max-width:640px) {
.srs__prd__wrap {
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.srs__slct__wrap {
  position: relative;
  padding: 10px;
  margin-bottom: 30px;
}
.srs__slct__wrap:after {
  width: 30px;
  height: 30px;
}
.srs__slct__wrap select {
  width: 100%;
  font-size: 1.0rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  height: 30px;
  background-color: #fff;
  padding-left: 10px;
}
.srs__prd__wrap__itm {
  width: 100%;
  float: none;
  margin-bottom: 20px;
}
.srs__prd__wrap__itm:nth-child(2n) {
  float: none;
}
.srs__prd__wrap__itm__ttl {
    font-size: 1.4rem;
}
.srs__prd__wrap__itm__img {
  display: block;
  margin-bottom: 5px;
}
.srs__prd__wrap__itm__img img {
  width: 100%;
}
.srs__prd__wrap__itm__list {
  font-size: 1.2rem;
  line-height: 1.8rem;
  margin-bottom: 15px;
}
.srs__prd__wrap__itm__info {
  font-size: 1.2rem;
  line-height: 1.8rem;
  margin-bottom: 15px;
  background-color: #fafafa;
  padding: 5px 10px;
}
.srs__prd__wrap__itm__link {
  position: relative;
  background-color: #005bac;
  color: #fff;
  display: block;
  padding-left: 20px;
  font-size: 1.2rem;
  height: 50px;
  line-height: 44px;
  border: 2px solid #005bac;
}
.lower.product .prd__tp__srch {
  width: 100%;
  padding: 10px;
}
.lower.product .prd__tp__srch__wrap {
  width: 100%;
}
.prd__tp__srch__wrap.is-lower {
  margin-bottom: 20px;
}
.srs__helper {
  margin-bottom: -10px;
}
.srs__helper__found {
  background-color: #fafafa;
  padding: 10px;
  margin-bottom: 10px;
}
.srs__helper__found__info {
  font-size: 1.2rem;
  /*font-weight: bold;*/
  text-align: center;
  margin-bottom: 20px;
}

.srs__helper__found__link {}
.srs__helper__found__link a {
  width: 100%;
  float: none;
  font-size: 1.2rem;
  margin-bottom: 10px;
}
.srs__helper__found__link a.is-close:before {
  left: 10px;
  top: 15px;
    background-image: url(../../container/img/common/ic_close.png);
    -webkit-background-size: 15px auto;
    background-size: 15px auto;
    width: 15px;
    height: 15px;
    display: block;
}
.srs__helper__found__link a.is-close:after {
  display: none;
}
.srs__helper__link {
  margin-bottom: 10px;
  padding: 10px;
  background-color: #f2f7ff;
}
.srs__helper__link a {
  float: none;
  width: 100%;
  margin-bottom: 10px;
}
.srs__helper__link a:nth-child(2n) {
  float: none;
}
.prd__tp__srch__link a {
  float: none;
  margin-bottom: 10px;
  width: 100%;
}

.prd__tp__srch__link a:nth-child(2n) {
  float: right;
}
.prd__tp__wrap__frm .clearfix .is-submit input {
  height: 40px;
  line-height: 40px;
  font-size: 1.4rem;
}
}

/*セミナー*/
.is-lower__l__ttl {
  background: #f2f7ff;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 50px;
    height: 50px;
    margin: 0 0 50px;
    padding: 0 0 0 20px;
    position: relative;
}
.is-lower__l__ttl--bt {
  color: #005bac;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1;
  border-top: 5px solid #005bac;
    padding-top: 10px;
    margin-bottom: 30px;
}
.is-lower__l__ttl--bt-n {
  color: #005bac;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1;
    margin-bottom: 30px;
}
.is-lower__l__ttl--bt span,
.is-lower__l__ttl--bt-n span {
    font-size: 1.8rem;
    display: block;
    padding: 10px 0 0;
}
.is-lower__l__ttl:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 10px;
    height: 5px;
    background: #005bac;
    margin-top: -2px;
}
.is-lower__l__l__ttl {
  color: #005bac;
  font-size: 1.6rem;
  line-height: 3.0rem;
  font-weight: bold;
  border-bottom: 1px solid #005bac;
  padding-bottom: 5px;
  margin-bottom: 25px;
}
.smnr__cont {
  width: 980px;
  margin: 0 auto;
}
.smnr__flow__wrap:last-child {
  margin-bottom: 65px;
}
.smnr__flow__itm {
  float: left;
  width: 465px;
  margin-bottom: 15px;
}
.smnr__flow__itm:last-child {
  float: right;
}
.smnr__flow__itm__cont {
  font-size: 1.2rem;
  margin-bottom: 20px;
}
.smnr__flow__itm__cont__ttl {
  font-size: 1.4rem;
  margin-bottom: 15px;
  font-weight: bold;
}
.smnr__flow__itm__cont p {
  line-height: 2.0rem;
}
.smnr__flow__itm__cont p a {
  color: #005bac;
}
.smnr__plc__wrap {
  margin-bottom: 100px;
}
.smnr__plc__itm {
  display: block;
  width: 225px;
  float: left;
  height: 50px;
  line-height: 50px;
  font-size: 1.2rem;
  padding-left: 20px;
  position: relative;
  background-color: #005bac;
  color: #fff !important;
  margin-right: 26px;
  transition:.3s;
}
.smnr__plc__itm:hover {
  opacity: .7;
}
.smnr__plc__itm:last-child {
  margin-right: 0;
}
.smnr__plc__itm:after {
  display: block;
  content:"";
  position: absolute;
  right: 0;
  top: 0;
  height: 50px;
  width: 20px;
  background-color: #002074;
  background-image: url(../../container/img/common/ic_arrow_right.png);
  background-position: center center;
  background-repeat: no-repeat;
}
.smnr__plc__itm:before {
  content:"";
  width: 11px;
  height: 10px;
  background-image: url(../../container/img/common/ic_blank_wh.png);
  background-repeat: no-repeat;
  top: 50%;
  margin-top: -5px;
  left: 90px;
  position: absolute;
}
.smnr__caution {
  margin-bottom: 100px;
}
.smnr__caution__list {
  font-size: 1.2rem;
  line-height: 2.0rem;
}

@media screen and (max-width:640px) {
  .is-lower__l__ttl {
    height: auto;
    font-size: 1.4rem;
    line-height: 1.6rem;
    padding: 10px 0 10px 20px;
    margin-bottom: 20px;
  }

  .is-lower__l__l__ttl {

  }
  .smnr__cont {
    width: 100%;
    padding: 0 10px;
  }
  .smnr__flow__wrap:last-child {
    margin-bottom: 40px;
  }
  .smnr__flow__itm {
    float: none;
    width: 100%;
    margin-bottom: 20px;
  }
  .smnr__flow__itm:last-child {
    float: none;
  }
  .smnr__flow__itm__cont {
    margin-bottom: 10px;
  }
  .smnr__flow__itm__cont__ttl {
    margin-bottom: 10px;
  }
  .smnr__plc__wrap {
    margin-bottom: 40px;
  }
  .smnr__plc__itm {
    display: block;
    width: 100%;
    float: none;
    height: 40px;
    line-height: 40px;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .smnr__plc__itm:after {
    height: 40px;
  }
  .smnr__caution {
    margin-bottom: 50px;
  }
  .smnr__caution__list {
    font-size: 1.2rem;
    line-height: 2.0rem;
    padding-left: 1em;
    text-indent: -1em;
  }
}

/*ログアウト*/
.lgot__cont {
  width: 980px;
  margin: 0 auto 100px;
  text-align: center;
}
.lgot__cont p {
  font-size: 1.2rem;
  line-height: 2.0rem;
  margin-bottom: 60px;
}
.is-bra__btn {
  display: inline-block;
  width: 100%;
  position: relative;
  background-color: #005bac;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #fff !important;
  font-size: 1.4rem;
  transition:.3s;
}
.is-bra__btn:hover {
  opacity: .7;
}
.is-bra__btn:after {
   content:"";
   position: absolute;
   top:0;
   right:0;
   width: 20px;
   height: 50px;
   background-image: url(../../container/img/common/ic_arrow_right.png);
   background-repeat: no-repeat;
   background-color: #002074;
   background-position: center center;
}
.is-bra__btn.is-btn-250 {
  width: 250px;
}
.is-bra__btn.is-btn-400 {
  width: 400px;
}
@media screen and (max-width:640px) {
  /*ログアウト*/
  .lgot__cont {
    width: 100%;
    margin: 0 auto 40px;
    padding: 0 10px;
  }
  .lgot__cont p {
    font-size: 1.2rem;
    line-height: 2.0rem;
    margin-bottom: 30px;
  }
  .is-bra__btn.is-btn-250,
  .is-bra__btn.is-btn-400 {
    width: 100%;
    height: 40px;
    line-height: 40px;
  }
  .is-btn-250:after,
  .is-btn-400:after {
     height: 40px;
  }

}

/*サポート*/
.sup__cont {
  width: 980px;
  margin: 0 auto 60px;
}
.sup__prd__cont {
  padding-bottom: 30px;
  border-bottom: 1px solid #ccc;
}
.sup__prd__cont:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.sup__cont p,
.sup__prd__cont__list li  {
  font-size: 1.2rem;
  line-height: 2.0rem;
}
.sup__cont__ttl {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 35px;
  padding-left: 40px;
  background-repeat: no-repeat;
  background-position: left center;
  margin: 20px 0;
}
.sup__cont__ttl.is-global {
  background-image: url(../../container/img/support/ic_global.png);
}
.sup__cont__ttl.is-fax {
  background-image: url(../../container/img/support/ic_fax.png);
}
.sup__cont__ttl.is-build {
  background-image: url(../../container/img/support/ic_build.png);
}/*
.sup__prd__link {
  width: 315px;
  margin: 20px auto 0;
}*/
.sup__prd__cont__blue {
  background-color: #009ed8;
  color: #fff;
  margin-bottom: 15px;
}
.sup__prd__cont__blue__ttl {
  position: relative;
  font-size: 1.6rem;
  padding: 15px 0 15px 18px;
  border-bottom: 3px solid #fff;
  margin-bottom: 10px;
}

.sup__prd__link {
  position: relative;
  width: 315px;
  margin: 20px auto 0;
}
.sup__prd__link:after {
  content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 50px;
    background-image: url(../../container/img/common/ic_arrow_right.png);
    background-repeat: no-repeat;
    background-color: #002074;
    background-position: center center;
}
.sup__prd__link select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  border-radius: 0;
      width: 100%;
    position: relative;
    background-color: #005bac;
    height: 50px;
    /*line-height: 50px;*/
    text-align: center;
    color: #fff !important;
    font-size: 1.4rem;
    transition: .3s; 
  padding: 7px 0 7px 20px;
    
}
.sup__prd__cont__blue__ttl:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 10px;
  height: 5px;
  background-color: #fff;
  margin-top: -2px;
}
.sup__prd__cont__blue__srs {
  margin-left: 10px;
  font-size: 1.0rem;
  margin-bottom: 15px;
}
.sup__prd__cont__blue__srs span {
  display: inline-block;
  font-size: 1.0rem;
  color: #00b0f0;
  background-color: #fff;
  border-radius: 5px;
  padding: 3px 10px;
  margin-right: 2px;
}
.sup__prd__cont__blue__table {
  /*width: 100%;*/
  
}
.sup__prd__cont__blue__table th {
  font-size: 1.4rem;
  font-weight: bold;
  vertical-align: top;
  text-align: left;
  padding-left: 15px;
  padding-top: 10px;
}
.sup__prd__cont__blue__table td {
  vertical-align: middle;
  padding-bottom: 30px;
  padding-left: 20px;
}
.sup__prd__cont__blue__table td img {
  margin-right: 20px;
  display: inline-block;
}
.sup__prd__cont__blue__table td.is-time {
  /*border-left: 1px solid #fff;*/
  font-size: 1.2rem;
  position: relative;
}
.sup__prd__cont__blue__table td.is-time:before {
  content:"";
  width: 1px;
  height: 50px;
  background-color: #fff;
  top: 0;
  left: 0;
  position: absolute;
}
.sup__prd__cont--col2 {}
.sup__prd__cont--col2__itm {
  float: left;
  width: 485px;
}
.sup__prd__cont--col2__itm:last-child {
  float: right;
}
.sup__prd__cont--col2__ttl.is-lower__l__ttl {
  margin-bottom: 15px;
}
.sup__prd__cont--col2__itm__wrap {
  font-size: 1.2rem;
  margin-bottom: 25px;
}
.is-tech .sup__prd__cont--col2__itm__wrap {
  margin-bottom: 43px;
}
.sup__prd__cont--col2__itm__wrap:last-child {
  margin-bottom: 0;
}
.sup__prd__cont--col2__itm__srs {
  margin-bottom: 10px;
}
.sup__prd__cont--col2__itm__srs span {
  display: inline-block;
  font-size: 1.0rem;
  color: #fff;
  background-color: #005bac;
  border-radius: 5px;
  padding: 3px 10px;
  margin-right: 2px;
}
.sup__prd__cont--col2__itm__num {}
.sup__prd__cont--col2__itm__num img {
  margin-right: 20px;
}
.sup__prd__cont--col2__itm__link {
  border-bottom: 1px solid #adadad;
  position: relative;
}

.sup__prd__cont--col2__itm__link:before {
content:"";
  position: absolute;
  top:3px;
  right:-20px;
  z-index: 1;
  width: 11px;
  height: 10px;
  background: url(../../container/img/common/ic_blank.png) 0 0 no-repeat;
}
.sup__pur__cont {
  padding-bottom: 30px;
  border-bottom: 1px solid #eee;
}
.sup__pur__cont:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.sup__pur__cont__btn {
  width: 315px;
  margin: 15px auto 0;
}
.sup__pur__cont__btn a {}
.sup__pur__cont__map {
  margin-top: 25px;
}
.sup__pur__cont__map__img {
  float: left;
  width: 490px;
}
.sup__pur__cont__map__links {
  width: 445px;
  margin-left: 24px;
  float: left;
}
.sup__pur__cont__map__links__list {
  margin-top: 10px;
}
.sup__pur__cont__map__links__list li {
  float: left;
  width: 220px;
}
.sup__pur__cont__map__links--big,
.sup__pur__cont__map__links--other,
.sup__pur__cont__map__links__list li a {
  display: block;
  font-size: 1.2rem;
  position: relative;
  height: 50px;
  line-height: 50px;
  background-color: #d6e4fd;
  margin-bottom: 5px;
  padding-left: 20px; 
}
.sup__pur__cont__map__links--big,
.sup__pur__cont__map__links--other,
.sup__pur__cont__map__links__list li a {
  transition:.3s;
}
.sup__pur__cont__map__links--big:hover,
.sup__pur__cont__map__links--other:hover,
.sup__pur__cont__map__links__list li a:hover {
  opacity: .7;
}


.sup__pur__cont__map__links--big:before,
.sup__pur__cont__map__links--other:before,
.sup__pur__cont__map__links__list li a:before {
  content:"";
  background-color: #97b6f9;
  width: 20px;
  height: 50px;
  position: absolute;
  right: 0;
  top: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../../container/img/common/ic_arrow_right.png);
}
.sup__pur__cont__map__links--other {
  background-color: #fff;
  border: 1px solid #ccc;
  padding-top: 13px;
}
.sup__pur__cont__map__links--other:before {
  background-color: #ccc;
  height: 49px;
}
.sup__pur__cont__map__links--big:after,
.sup__pur__cont__map__links--other:after {
  content:"";
  position: absolute;
  bottom:3px;
  right:24px;
  z-index: 1;
  width: 11px;
  height: 10px;
  background-image: url(../../container/img/common/ic_blank.png);
}
.sup__pur__cont__map__links__list li:nth-child(2n) {
  float: right;
}
.sup__pur__cont__map__links--big {
  width: 100%;
  float: none;
  display: block;
  margin-bottom: 25px;
}
.sup__pur__cont__map__links--other {
  width: 100%;
  float: none;
  display: block;
  line-height: 1;
}
.sup__ot {}
.sup__ot__list {
  margin-bottom: 120px;
}
.sup__ot__list li {
  float: left;
  width: 480px;
}
.sup__ot__list li:last-child {
  float: right;
}
.sup__ot__list li a {  
  display: block;
  font-size: 1.2rem;
  position: relative;
  height: 50px;
  line-height: 50px;
  background-color: #fff;
  margin-bottom: 5px;
  padding-left: 20px;
  border: 1px solid #ccc;
  transition:.7s;
}
.sup__ot__list li a:after {
  content:"";
  background-color: #ccc;
  width: 20px;
  height: 49px;
  position: absolute;
  right: 0;
  top: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../../container/img/common/ic_arrow_right.png);
}
.sup__ot__list li a:hover {
  opacity: .7;  
}
.sup__ot__bn {
  border: 1px solid #ccc;
}
.sup__ot__bn__img {
  float: right;
  width: 490px;
  height: 168px;
}
.sup__ot__bn__img img {
  vertical-align: bottom;
}
.sup__ot__bn__txt {
  text-align: center;
  width: 490px;
  height: 168px;
  padding: 0 20px;
}
.sup__ot__bn__txt img {
  margin: 30px 0;
  
}
.sup__ot__bn__txt p {
  text-align: left;
}
@media screen and (max-width:640px) {
  .sup__cont {
    width: 100%;
    padding: 0 10px;
    margin: 0 auto 30px;
  }
  .sup__prd__cont {
    padding-bottom: 30px;
  }
  .sup__prd__cont:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }
  .sup__cont__ttl {
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 35px;
    padding-left: 40px;
    background-repeat: no-repeat;
    background-position: left center;
    margin: 20px 0;
  }
  .sup__prd__link {
    width: 100%;
    margin: 20px auto 0;
  }
  .sup__prd__cont__blue {
    background-color: #009ed8;
    color: #fff;
    margin-bottom: 15px;
  }
  .sup__prd__cont__blue__ttl {
    font-size: 1.4rem;
  }
  .sup__prd__cont__blue__srs {
    margin-left: 10px;
    font-size: 1.0rem;
    margin-bottom: 15px;
  }
  .sup__prd__cont__blue__srs span {
    display: inline-block;
    font-size: 1.0rem;
    color: #00b0f0;
    background-color: #fff;
    border-radius: 5px;
    padding: 3px 10px;
    margin-right: 2px;
    margin-bottom: 2px;
  }
  .sup__prd__cont__blue__table {
  }
  .sup__prd__cont__blue__table th {
    padding: 0;
    padding: 10px;
    display: list-item;
    text-align: center;
    list-style-type: none;
  }
  .sup__prd__cont__blue__table td {
    padding: 0;
    padding: 10px;
    display: list-item;
    list-style-type: none;
    text-align: center;
  }
  .sup__prd__cont__blue__table td img {
    margin-right: 0;
    margin-bottom: 10px;
    max-width: 280px;
  }
  .sup__prd__cont__blue__table td.is-time {
    border-bottom: 1px solid #fff;
    font-size: 1.2rem;
    position: relative;
  }
  .sup__prd__cont__blue__table td.is-time:before {
    display: none;
  }
  .sup__prd__cont--col2 {}
  .sup__prd__cont--col2__itm {
    float: none;
    width: 100%;
    margin-bottom: 20px;
  }
  .sup__prd__cont--col2__itm:last-child {
    float: none;
  }
  .sup__prd__cont--col2__ttl.is-lower__l__ttl {
    margin-bottom: 15px;
  }
  .sup__prd__cont--col2__itm__wrap {
    font-size: 1.2rem;
    margin-bottom: 25px;
  }
  .is-tech .sup__prd__cont--col2__itm__wrap {
    margin-bottom: 43px;
  }
  .sup__prd__cont--col2__itm__wrap:last-child {
    margin-bottom: 0;
  }
  .sup__prd__cont--col2__itm__srs {
    margin-bottom: 10px;
  }
  .sup__prd__cont--col2__itm__srs span {
    display: inline-block;
    font-size: 1.0rem;
    color: #fff;
    background-color: #005bac;
    border-radius: 5px;
    padding: 3px 10px;
    margin-right: 2px;
  }
  .sup__prd__cont--col2__itm__num {}
  .sup__prd__cont--col2__itm__num img {
    display: block;
    margin: 0 auto 10px;
    max-width:200px;
  }
  .sup__prd__cont--col2__itm__link {
    border-bottom: 1px solid #adadad;
    position: relative;
  }

  .sup__prd__cont--col2__itm__link:before {
    content:"";
    position: absolute;
    top: auto;
    bottom: 0;
    right:-20px;
    z-index: 1;
    width: 11px;
    height: 10px;
    background: url(../../container/img/common/ic_blank.png) 0 0 no-repeat;
  }
  .sup__pur__cont {
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
  }
  .sup__pur__cont:last-child {
    padding-bottom: 0;
    border-bottom: none;
  }
  .sup__pur__cont__btn {
    width: 100%;
    margin: 15px auto 0;
  }
  .sup__pur__cont__btn a {}
  .sup__pur__cont__map {
    margin-top: 25px;
  }
  .sup__pur__cont__map__img {
    float: none;
    width: 100%;
    margin-bottom: 10px;
  }
  .sup__pur__cont__map__links {
    width: 100%;
    margin-left: 0;
    float: none;
  }
  .sup__pur__cont__map__links__list {
    margin-top: 10px;
  }
  .sup__pur__cont__map__links__list li {
    float: none;
    width: 100%;
  }
  .sup__pur__cont__map__links--other {
    background-color: #fff;
    border: 1px solid #ccc;
    padding-top: 13px;
  }
  .sup__pur__cont__map__links--other:before {
    background-color: #ccc;
    height: 49px;
  }
  .sup__pur__cont__map__links--big:after,
  .sup__pur__cont__map__links--other:after {
    content:"";
    position: absolute;
    bottom:3px;
    right:24px;
    z-index: 1;
    width: 11px;
    height: 10px;
    background-image: url(../../container/img/common/ic_blank.png);
  }
  .sup__pur__cont__map__links__list li:nth-child(2n) {
    float: none;
  }
  .sup__pur__cont__map__links--big {
    width: 100%;
    float: none;
    display: block;
    margin-bottom: 25px;
    font-size: 1.0rem;
  }
  .sup__pur__cont__map__links--other {
    width: 100%;
    float: none;
    display: block;
    line-height: 1.2;
    font-size: 1.0rem;
    padding-top: 5px;
    padding-left: 10px;
  }
  .sup__ot {}
  .sup__ot__list {
    margin-bottom: 60px;
  }
  .sup__ot__list li {
    float: none;
    width: 100%;
  }
  .sup__ot__list li:last-child {
    float: none;
    margin-top: 10px;
  }
  .sup__ot__list li a {  
    display: block;
    font-size: 1.2rem;
    position: relative;
    height: 50px;
    line-height: 50px;
    background-color: #fff;
    margin-bottom: 5px;
    padding-left: 20px;
    border: 1px solid #ccc;
    transition:.7s;
  }
  .sup__ot__bn__img {
    float: none;
    width: 100%;
    height: auto;
  }
  .sup__ot__bn__img img {
    vertical-align: bottom;
  }
  .sup__ot__bn__txt {
    text-align: center;
    width: 100%;
    height: auto;
    padding: 10px;
  }
  .sup__ot__bn__txt img {
    margin: 30px 0;
    
  }
  .sup__ot__bn__txt p {
    text-align: left;
  }
}


/*ダウンロード*/
.dl__cont {
  width: 980px;
  margin: 0 auto 100px;
}
.dl__cont__ttl {
  font-size: 2.0rem;
  font-weight: bold;
  padding-left: 80px;
  line-height: 64px;
  background-repeat: no-repeat;
  background-position: left top;
  color: #005bac;
  margin-bottom: 30px;
}
.dl__cont__ttl.is-catalog {
  background-image: url(../../container/img/document/ic_catalog.png);
}
.dl__cont__ttl.is-doc {
  background-image: url(../../container/img/document/ic_doc.png);
}
.dl__dl__cont__link {
  display: block;
  float: left;
}
.dl__dl__cont__link__wrap {
  margin-bottom: 30px;
}
.dl__dl__cont__link:last-child {
  float: right;
}
.is-bra__btn.dl__dl__cont__link {
  width: 470px;
  text-align: left;
  padding-left: 18px;
  font-size: 1.2rem;
}
.is-bra__btn.is-btn-470.is-blank:before {
  content:"";
  width: 11px;
  height: 10px;
  background-image: url(../../container/img/common/ic_blank_wh.png);
  background-repeat: no-repeat;
  top: 50%;
  margin-top: -5px;
  left: 40%;
  position: absolute;
}
.dl__dl__cont__form {
  margin: 0 auto;
}
.dl__dl__cont__form.is-cat {
  width: 940px;
}
.dl__dl__cont__form__slct {
  position: relative;
  float: left;
  width: 300px;
}
.dl__dl__cont__form__slct:nth-child(2) {
  margin: 0 20px;
}
.dl__dl__cont__form__slct:after {
    content:"";
  background-image: url(../../container/img/common/ic_arrow-down_bl.png);
  width: 10px;
  height: 7px;
  -webkit-background-size: 10px auto;
  background-size: 10px auto;
  position: absolute;
  top: 15px;
  right: 10px;
  background-repeat: no-repeat;
}
.dl__dl__cont__form__slct select{
    -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  border-radius: 0;
  width: 100%;
  height:37px;
  line-height: 37px;
  font-size: 1.2rem;
  padding:0 0 0 20px;
  background-color: #fff;
  border:1px solid #ccc;
}
.dl__dl__cont__form__btn {
  width: 315px;
  margin: 30px auto;
  position: relative;
}
.dl__dl__cont__form__btn input {
  display: inline-block;
  width: 100%;
  font-size: 1.6rem;
  height: 50px;
  text-align: center;
  color: #fff;
  background-color: #005bac;
  position: relative;
  transition:.3s;
}
.dl__dl__cont__form__btn:after {
  content:"";
  width: 11px;
  height: 10px;
  background-image: url(../../container/img/common/ic_blank_wh.png);
  background-repeat: no-repeat;
  top: 50%;
  margin-top: -5px;
  right: 120px;
  position: absolute;
}
.dl__dl__cont__form__btn input:hover {
  opacity: .7;
}

.dl__dl__cont__colmn {
  margin-bottom: 45px;
}
.dl__dl__cont__colmn__itm--big {
  float: left;
  height: 240px;
  display: block;
  background-color: #f0f0f0;
  padding: 20px;
  width: 165px;
}
.dl__dl__cont__colmn__itm--big img {
  display: block;
  margin-bottom: 20px;
  max-width:100%;
}
.dl__dl__cont__colmn__itm--big p {
  font-size: 1.2rem;
}
.dl__dl__cont__colmn__itm__wrap {
  float: right;
  width: 810px;
}

.dl__dl__cont__colmn__itm {
  float: left;
  display: block;
  background-color: #f0f0f0;
  height: 117px;
  line-height: 117px;
  width: 266px;
  margin-bottom: 5px;
  position: relative;
}
.dl__dl__cont__colmn__itm:nth-child(2),
.dl__dl__cont__colmn__itm:nth-child(5) {
  margin: 0 5px;
}
.dl__dl__cont__colmn__itm img {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 70px;
}
.dl__dl__cont__colmn__itm p {
  text-align: center;
  padding-left: 78px;
  font-size: 1.2rem;
}
.dl__dl__cont__form__cont {
  float: left;
  width: 470px;
  padding: 20px;
  background-color: #fafafa;
}
.dl__dl__cont__form__cont.is-left {
  height: 300px;
}
.dl__dl__cont__form__cont.is-right {
  float: right;
}
.dl__dl__cont__form__cont--txt {
  background-color: #fff;
  float: right;
  width: 470px;
  padding: 20px;
}
.dl__dl__cont__form__txt {
  margin-bottom: 15px;
}
.dl__dl__cont__form__txt span {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: bold;
  color: #005bac;
  margin-right: 20px;
}
.dl__dl__cont__form__txt input {
  -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border: 1px solid #ccc;
  width: 380px;
  height: 37px;
  font-size: 1.2rem;
  line-height: 37px;
}
.dl__dl__cont__form__radio {}
.dl__dl__cont__form__radio span {
    font-size: 1.4rem;
  font-weight: bold;
  color: #005bac;
  display: block;
  margin-bottom: 10px;
}
.dl__dl__cont__form__radio label {
  font-size: 1.2rem;
  margin-right: 30px;
}
.dl__dl__cont__form__cont__ttl {
  font-size: 1.4rem;
  margin-bottom: 20px;
  color: #005bac;
  font-weight: bold;
}
.is-doc .dl__dl__cont__form__slct {
  float: none;
  width: 100%;
  margin-bottom: 15px;
}
.is-doc .dl__dl__cont__form__slct:nth-child(2) {
  margin: 0;
  margin-bottom: 15px;
}
.is-doc .dl__dl__cont__form__slct:last-child {
  /*margin-bottom: 0;*/
}
.dl__src__cont {}
.dl__src__list {
  margin-bottom: 80px;
}
.dl__src__list li {
  width: 315px;
  float: left;
  margin-bottom: 20px;
}
.dl__src__list li:nth-child(2),
.dl__src__list li:nth-child(5) {
  margin: 0 17px 0 18px;
}
.dl__src__list a.is-bra__btn {
  text-align: left;
  padding-left: 50px;
  font-size: 1.2rem;
  background-repeat: no-repeat;
  background-position: 10px center;
  -webkit-background-size: 20px auto;
  background-size: 20px auto;
}
.dl__src__list .is-new {
  background-image: url(../../container/img/document/ic_new.png);
}
.dl__src__list .is-change {
  background-image: url(../../container/img/document/ic_change.png);
}
.dl__src__list .is-finish {
  background-image: url(../../container/img/document/ic_close.png);
}
.dl__src__list .is-standard {
  background-image: url(../../container/img/document/ic_gear.png);
}
.dl__src__list .is-rohs {
  background-image: url(../../container/img/document/ic_rohs.png);
}
.dl__src__tool {
  background-color: #f0f0f0;
  padding: 30px;
}
.dl__src__tool__ttl {
  line-height: 1;
  text-align: center;
  font-weight: bold;
  font-size: 1.8rem;
  margin-bottom: 30px;
}
.dl__drc__tool__itm {
  float: left;
  width: 450px;
}
.dl__drc__tool__itm:last-child {
  float: right;
}

.dl__drc__tool__itm__img {
  background-color: #fff;
  height: 225px;
  text-align: center;
  position: relative;
}
.dl__drc__tool__itm__img img {
  position: absolute;
  top: 50%;
  left:50%;
  transform: translate(-50%,-50%);
}
.dl__drc__tool__itm p {
  font-size: 1.2rem;
  line-height: 2.0rem;
  margin: 10px 0;
}
.is-bra__btn.dl__drc__tool__itm__btn {
  padding-left: 20px;
  font-size: 1.2rem;
  text-align: left;
  margin-bottom: 15px;
}
.is-bra__btn.dl__drc__tool__itm__btn:before {
    content:"";
  width: 11px;
  height: 10px;
  background-image: url(../../container/img/common/ic_blank_wh.png);
  background-repeat: no-repeat;
  top: 50%;
  margin-top: -5px;
  right: 160px;
  position: absolute;
}
.is-right .is-bra__btn.dl__drc__tool__itm__btn:before {
  right: 200px;
}
.is-bra__btn.dl__drc__tool__itm__btn:last-child {
  margin-bottom: 0;
}



@media screen and (max-width:640px) {
  /*ダウンロード*/
  .dl__cont {
    width: 100%;
    margin: 0 auto 40px;
    padding: 0 10px;
  }
  .dl__cont__ttl {
    font-size: 1.6rem;
    padding-left: 50px;
    line-height: 40px;
    margin-bottom: 20px;
    -webkit-background-size: 40px auto;
    background-size: 40px auto;
  }
  .dl__dl__cont__link {
    display: block;
    float: none;
  }
  .dl__dl__cont__link__wrap {
    margin-bottom: 30px;
  }
  .dl__dl__cont__link:last-child {
    float: none;
    margin-top: 20px;
  }
  .is-bra__btn.dl__dl__cont__link {
    width: 100%;
    font-size: 1.2rem;
  }
  .dl__dl__cont__form {
    margin: 0 auto;
  }
  .dl__dl__cont__form.is-cat {
    width: 100%;
  }
  .dl__dl__cont__form__slct {
    position: relative;
    float: left;
    width: 100%;
  }
  .dl__dl__cont__form__slct:nth-child(2) {
    margin: 0;
    margin: 10px 0;
  }
  .dl__dl__cont__form__btn {
    width: 100%;
    margin: 30px auto;
    position: relative;
  }

  .dl__dl__cont__colmn {
    margin-bottom: 25px;
  }
  .dl__dl__cont__colmn__itm--big {
    float: none;
    height: auto;
    padding: 10px;
    width: 100%;
    margin-bottom: 5px;
  }
  .dl__dl__cont__colmn__itm--big img {
    height: 100px;
    width: auto;
    margin: 0 auto;
    margin-bottom: 10px;
  }
  .dl__dl__cont__colmn__itm--big p {
    font-size: 1.2rem;
    text-align: center;
  }
  .dl__dl__cont__colmn__itm__wrap {
    float: none;
    width: 100%;
  }

  .dl__dl__cont__colmn__itm {
    float: left;
    height: auto;
    line-height: 1;
    width: 49%;
    margin-bottom: 5px;
    padding: 10px;
    text-align: center;
  }
  .dl__dl__cont__colmn__itm:nth-child(2n) {
    float: right;
  }
  .dl__dl__cont__colmn__itm:nth-child(2),
  .dl__dl__cont__colmn__itm:nth-child(5) {
    margin: 0;
    margin-bottom: 5px;
  }
  .dl__dl__cont__colmn__itm img {
    position: static;
    height: 100px;
    width: auto;
    margin-bottom: 10px;
  }
  .dl__dl__cont__colmn__itm p {
    text-align: center;
    padding-left: 0;
    font-size: 1.2rem;
  }
  .dl__dl__cont__colmn__itm p.is-sm {
    font-size: 1.0rem;
  }
  .dl__dl__cont__form__cont {
    float: none;
    width: 100%;
    padding: 10px;
  }
  .dl__dl__cont__form__cont.is-left {
    height: auto;
  }
  .dl__dl__cont__form__cont.is-right {
    float: none;
  }
  .dl__dl__cont__form__cont--txt {
    background-color: #fff;
    float: none;
    width: 100%;
    padding: 10px;
  }
  .dl__dl__cont__form__txt {
    margin-bottom: 15px;
  }
  .dl__dl__cont__form__txt span {
    margin-right: 0;
    margin-bottom: 20px;
  }
  .dl__dl__cont__form__txt input {
    width: 100%;
  }
  .dl__dl__cont__form__radio label {
    font-size: 1.2rem;
    margin-right: 30px;
  }
  .dl__dl__cont__form__cont__ttl {
    font-size: 1.4rem;
    margin-bottom: 20px;
    color: #005bac;
    font-weight: bold;
  }
  .is-doc .dl__dl__cont__form__slct {
    float: none;
    width: 100%;
    margin-bottom: 15px;
  }
  .is-doc .dl__dl__cont__form__slct:nth-child(2) {
    margin: 0;
    margin-bottom: 15px;
  }
  .is-doc .dl__dl__cont__form__slct:last-child {
    /*margin-bottom: 0;*/
  }
  .dl__src__cont {}
  .dl__src__list {
    margin-bottom: 40px;
  }
  .dl__src__list li {
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }
  .dl__src__list li:nth-child(2),
  .dl__src__list li:nth-child(5) {
    margin: 0;
    margin-bottom: 10px;
  }
  .dl__src__tool {
    background-color: #f0f0f0;
    padding: 10px;
  }
  .dl__src__tool__ttl {
    line-height: 1;
    text-align: center;
    font-weight: bold;
    font-size: 1.6rem;
    margin-bottom: 30px;
  }
  .dl__drc__tool__itm {
    float: none;
    width: 100%;
  }
  .dl__drc__tool__itm:last-child {
    float: none;
    margin-top: 20px;
  }

  .dl__drc__tool__itm__img {
    height: auto;
    padding: 20px;
  }
  .dl__drc__tool__itm__img img {
    position: static;
    width: auto;
    transform:none;
    height: 100px;
  }
  .dl__drc__tool__itm p {
    font-size: 1.2rem;
    line-height: 2.0rem;
    margin: 10px 0;
  }
  .is-bra__btn.dl__drc__tool__itm__btn {
    padding-left: 20px;
    font-size: 1.2rem;
    text-align: left;
    margin-bottom: 15px;
  }
  .is-bra__btn.dl__drc__tool__itm__btn:before {
    right: 30px;
  }
  .is-right .is-bra__btn.dl__drc__tool__itm__btn:before {
    right: 30px;
  }
  .is-bra__btn.dl__drc__tool__itm__btn:last-child {
    margin-bottom: 0;
  }
}












/*国内販売ネットワーく*/
.sd__sup__list li {
    border-bottom: 1px solid #fff;
}
.sd__sup__list li.is-wrap,
.sd__sup__list li a {
  display: block;
  background-color: #F9F9F9;
  position: relative;
  font-size: 1.2rem;
  color: #333;
  padding: 6px 10px;
  transition: .3s;
}
.sd__sup__list li.is-wrap {
  padding-right: 0;
  padding-bottom: 0;
}
.sd__sup__list li a:after {
    position: absolute;
    content: "";
    width: 20px;
    height: 30px;
    background-image: url(../../container/img/common/ic_arrow_right.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #005bac;
    right: 0;
    top: 0;
}
.sd__sup__list li.is-wrap:before {
  content: "+";
  width: 20px;
  height: 30px;
  line-height: 16px;
  text-align: center;
  position: absolute;
  top: -1px;
  right: 0;
  font-size: 1.9rem;
  letter-spacing: -1px;
  background-color: #005abc;
  color: #fff;
  line-height: 30px;
}
.sd__sup__list li.is-wrap.is-active:before {
  content: "-";
}
.sd__sup__list li ul {
  display: none;
  /*padding: 0 0 0 5px;*/
  margin-top: 5px;
}

.sd__sup__list li.is-active ul {
  display: block;
}
.sd__sup__list li ul li {
}
.sd__sup__list li ul li:first-child a{
  border-top: 1px solid #fff;
}
.sd__sup__list li ul li:last-child a{
  border-bottom: none;
}
.sd__sup__list li ul li a {
    font-size: 1.0rem;
    font-weight: normal;
    line-height: 1.6;
    padding: 6px 30px 6px 8px;
    position: relative;
    color: #000;
    transition: .3s ease all;
    /* background: rgba(255,255,255,.5); */
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
}
.sd__sup__list a:hover,
.sd__sup__list li ul li.is-active a {
  background-color: #ecf0f7;
}
.sd__sup__list li.is-active ul li a:after {
  background-color: #005bac;
  height: 29px;
}
.sd__sup {}
.sd__sup__ttl {
  background-color: #F2F7FF;
  padding: 8px 20px;
  position: relative;
  font-size: 1.6rem;
  font-weight: bold;
}
.sd__sup__ttl:after {
  height: 5px;
  width: 10px;
  background-color: #005bac;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -3px;
}
.ntw__cont {}
.ntw__map__cont {
  margin-top: 25px;
}
.ntw__map__cont__img {
  float: left;
  width: 326px;
}
.ntw__map__cont__img img {
  width: 100%;
}
.ntw__map__cont__links {
  width: 385px;
  float: right;
}
.ntw__map__cont__links__list {
  /*margin-top: 10px;*/
}
.ntw__map__cont__links__list li {
  float: left;
  width: 190px;
}
.ntw__map__cont__links--big,
.ntw__map__cont__links--other,
.ntw__map__cont__links__list li a {
  display: block;
  font-size: 1.2rem;
  position: relative;
  height: 50px;
  line-height: 50px;
  background-color: #d6e4fd;
  margin-bottom: 5px;
  padding-left: 10px; 
}
.ntw__map__cont__links--big,
.ntw__map__cont__links--other,
.ntw__map__cont__links__list li a {
  transition:.3s;
}
.ntw__map__cont__links--big:hover,
.ntw__map__cont__links--other:hover,
.ntw__map__cont__links__list li a:hover {
  opacity: .7;
}


.ntw__map__cont__links--big:before,
.ntw__map__cont__links--other:before,
.ntw__map__cont__links__list li a:before {
  content:"";
  background-color: #97b6f9;
  width: 20px;
  height: 50px;
  position: absolute;
  right: 0;
  top: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../../container/img/common/ic_arrow_right.png);
}
.ntw__map__cont__links--other {
  background-color: #fff;
  border: 1px solid #ccc;
  padding-top: 13px;
}
.ntw__map__cont__links--other:before {
  background-color: #ccc;
  height: 49px;
}
.ntw__map__cont__links--big:after,
.ntw__map__cont__links--other:after {
  content:"";
  position: absolute;
  bottom:3px;
  right:24px;
  z-index: 1;
  width: 11px;
  height: 10px;
  background-image: url(../../container/img/common/ic_blank.png);
}
.ntw__map__cont__links__list li:nth-child(2n) {
  float: right;
}
.ntw__map__cont__links--big {
  width: 100%;
  float: none;
  display: block;
  margin-bottom: 25px;
}
.ntw__map__cnt__ttl.is-lower__l__ttl {
  margin: 20px 0;
}
.ntw__map__cnt__list__ttl {
  font-size: 1.2rem;
  border: 1px solid #ccc;
  position: relative;
  height: 40px;
  line-height: 40px;
  padding-left: 20px;
  transition:.3s;
  cursor:pointer;
  margin-bottom: 20px;
}
.ntw__map__cnt__list__ttl.is-active,
.ntw__map__cnt__list__ttl:hover {
  background-color: #d6e4fd;
}
.ntw__map__cnt__list__ttl:after {
    content: "+";
  width: 20px;
  height: 39px;
  line-height: 16px;
  text-align: center;
  position: absolute;
  top: -1px;
  right: 0;
  font-size: 1.9rem;
  letter-spacing: -1px;
  background-color: #005abc;
  color: #fff;
  line-height: 39px;
}
.ntw__map__cnt__list__ttl.is-active:after {
    content: "-";
    background-color: #97b6f9;
}
.ntw__map__cnt__table {
  width: 100%;
  font-size: 1.2rem;
  margin-bottom: 20px;
  background-color: #fff;
}
.ntw__map__cnt__table th,
.ntw__map__cnt__table td {
  padding: 10px 10px 10px 20px;
  border: 1px solid #ccc;
  text-align: left;
  vertical-align: middle;
}
.ntw__map__cnt__table th {}
.ntw__map__cnt__table td {}
.ntw__map__cnt__table .is-name {
  width: 195px;
}
.ntw__map__cnt__table .is-add {
  width: 400px;
  line-height: 1.1;
}
.ntw__map__cnt__table .is-num {}

.ntw__map__cnt__list__wrap {
  background-color: #f2f7ff;
  padding: 20px;
  display: none;
}
.ntw__map__cnt__list {}
.ntw__map__cnt__list .ntw__map__cnt__table:last-child {
  /*margin-bottom: 0;*/
}

.ntw__map__cnt__list .ntw__map__cnt__table .is-name {
  width: 175px;
}
@media screen and (max-width:640px) {
    
  .ntw__map__cont {
    margin-top: 25px;
  }
  .ntw__map__cont__img {
    float: none;
    width: 100%;
  }
  .ntw__map__cont__img img {
    width: 100%;
  }
  .ntw__map__cont__links {
    width: 100%;
    float: none;
  }
  .ntw__map__cont__links__list {
    /*margin-top: 10px;*/
  }
  .ntw__map__cont__links__list li {
    float: none;
    width: 100%;
  }


  .ntw__map__cont__links__list li:nth-child(2n) {
    float: none;
  }
  .ntw__map__cont__links--big {
    margin-bottom: 25px;
    font-size: 1.0rem;
  }
  .ntw__map__cnt__ttl.is-lower__l__ttl {
    margin-bottom: 20px;
  }
  .ntw__map__cnt__list__ttl {
    font-size: 1.2rem;
    border: 1px solid #ccc;
    position: relative;
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    transition:.3s;
    cursor:pointer;
    margin-bottom: 20px;
  }
  .ntw__map__cnt__table {
    width: 100%;
    font-size: 1.2rem;
    margin-bottom: 20px;
    background-color: #fff;
  }
  .ntw__map__cnt__table th,
  .ntw__map__cnt__table td {
    display: list-item;
    list-style-type: none;
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    text-align: left;
    vertical-align: middle;
    background-color: #fff;
  }
  .ntw__map__cnt__table th {}
  .ntw__map__cnt__table td {}
  .ntw__map__cnt__table .is-name {
    width: 100%;
  }
  .ntw__map__cnt__table .is-add {
    width: 100%;
    line-height: 1.1;
    border-top: none;
    border-bottom: none;
  }
  .ntw__map__cnt__table .is-num {
    width: 100%;
  }

  .ntw__map__cnt__list__wrap {
    padding: 10px;
    display: none;
  }
  .ntw__map__cnt__list {}
  .ntw__map__cnt__list .ntw__map__cnt__table {
    background-color: inherit;
  }
  .ntw__map__cnt__list .ntw__map__cnt__table:last-child {
    margin-bottom: 0;
  }

  .ntw__map__cnt__list .ntw__map__cnt__table .is-name {
    width: 100%;
  }
  .ntw__map__cnt__list .ntw__map__cnt__table .is-num {
    margin-bottom: 15px;
  }
}













.mn__mt {
  margin-top: 50px;
}




.dl__cat__lower__cnt {
  width: 980px;
  margin: 0 auto;
}
.dl__cat__lower__cnt__catList {
  padding-left: 185px;
  position: relative;
  background-color: #fafafa;
  padding: 20px 10px 20px 185px;
  margin-bottom: 50px;
  min-height: 210px;
}
.dl__cat__lower__cnt__catList > img {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 120px;
}
.dl__cat__lower__cnt__catList__itm {
  float: left;
  width: 380px;
}
.dl__cat__lower__cnt__catList__itm.is-right {
  float: right;
  width: 380px;
}
.dl__cat__lower__cnt__catList__itm__box {
  margin: 0 0 20px;
}

.dl__cat__lower__cnt__catList__itm__ttl {
  padding: 0 0 0 30px;
  position: relative;
  font-size: 1.2rem;
  cursor: pointer;
}
.dl__cat__lower__cnt__catList__itm__ttl:before {
      content: "";
    width: 20px;
    height: 20px;
    background: #333;
    position: absolute;
    top: -1px;
    left: 0;
}
.dl__cat__lower__cnt__catList__itm__ttl:after {
    content: "+";
    width: 20px;
    height: 20px;
    line-height: 16px;
    text-align: center;
    position: absolute;
    top: -1px;
    left: 0;
    font-size: 1.9rem;
    letter-spacing: -1px;
    color: #fff;
}
.dl__cat__lower__cnt__catList__itm__ttl.is-active:after {
    content: "-";
}
.dl__cat__lower__cnt__catList__itm__ttl.is-blank:after {
    display: none;
}
.dl__cat__lower__cnt__catList__itm__li {
   margin: 0;
   padding: 0 0 0 40px;
   display: none;
}
.dl__cat__lower__cnt__catList__itm__li li {
    position: relative;
    padding: 0 0 0 7px;
    font-size: 1.2rem;
    padding-left: 2.5em;
    text-indent: -2.5em;
    margin-bottom: 7px;
}
.dl__cat__lower__cnt__catList__itm__li li a {
  text-decoration: underline;
}
.dl__cat__lower__cnt__catList__itm__li li.is-sch:after {
  width: 45px;
  height: 15px;
  content:"";
  background-image: url(../../container/img/document/ic_sch.png);
  background-repeat: no-repeat;
  display: inline-block;
  margin-top: 1px;
  vertical-align: top;
  margin-left: 10px;
}
.is-lower__l__ttl.is-dl__cat__lower__cnt__ttl {
  margin-bottom: 20px;
}
.dl__cat__lower__cnt__info {
  border: 1px solid #ccc;
  padding: 15px;
  margin-bottom: 20px;
  position: relative;
}
.dl__cat__lower__cnt__info .is-bn {
      position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -16px;
    display: block;
}
.dl__cat__lower__cnt__info li {
  font-size: 1.2rem;
  line-height: 1.8rem;
}
.dl__cat__lower__cnt__info li a {
  text-decoration: underline;
}

.dl__cat__lower__cnt__caution {
  background-color: #ffe6e6;
  color: #d91404;
  padding: 10px 10px 10px 70px;
  background-image: url(../../container/img/document/ic_caution.png);
  background-repeat: no-repeat;
  background-position: 20px center;
  font-size: 1.2rem;
  margin-bottom: 20px;
}
@media screen and (max-width:640px) {
    
  .mn__mt {
    margin-top: 20px;
  }

  .dl__cat__lower__cnt {
    width: 100%;
    padding: 0 10px;
  }
  .dl__cat__lower__cnt__catList {
    padding: 10px;
    margin-bottom: 20px;
  }
  .dl__cat__lower__cnt__catList img {
    position: static;
    height: 200px;
    width: auto;
    display: block;
    margin: 0 auto 20px;
  }
  .dl__cat__lower__cnt__catList__itm {
    float: none;
    width: 100%;
  }
  .dl__cat__lower__cnt__catList__itm.is-right {
    float: none;
    width: 100%;
  }
  .dl__cat__lower__cnt__catList__itm__box {
    margin: 0 0 20px;
  }

  .is-lower__l__ttl.is-dl__cat__lower__cnt__ttl {
    margin-bottom: 20px;
  }
  .dl__cat__lower__cnt__info {
    border: 1px solid #ccc;
    padding: 15px;
    margin-bottom: 20px;
  }
  .dl__cat__lower__cnt__info .is-bn {
    position: static;
    right: auto;
    top: auto;
    margin-top: 10px;
    display: block;
    max-width: 112px;
    margin: 10px auto;
  }

  .dl__cat__lower__cnt__info img {
    width: auto;
  }
  .dl__cat__lower__cnt__info li {
    font-size: 1.2rem;
    line-height: 1.8rem;
    padding-left: 1px;
    text-indent: -1em;
  }
  .dl__cat__lower__cnt__info li a {
    text-decoration: underline;
  }

  .dl__cat__lower__cnt__caution {
    background-color: #ffe6e6;
    color: #d91404;
    padding: 10px 10px 10px 70px;
    background-image: url(../../container/img/document/ic_caution.png);
    background-repeat: no-repeat;
    background-position: 20px center;
    font-size: 1.2rem;
    margin-bottom: 20px;
  }
}










/*製品情報の変更*/

.chg__p {
  font-size: 1.2rem;
  line-height: 2.0rem;
}
.chg__info {}
.chg__info__ttl {
  margin-top: 40px;
}
.chg__info__table {
  width: 100%;
  font-size: 1.2rem;
  margin-bottom: 20px;
}
.chg__info__table thead {}
.chg__info__table thead th {
  text-align: left;
  padding: 20px 0;
}
.chg__info__table thead th:first-child {
  padding-left: 20px;
}
.chg__info__table tbody {}
.chg__info__table tbody tr:nth-child(odd),
.chg__srch__form__table tr:nth-child(odd) {
  background-color: #fafafa;
}
.chg__info__table tbody tr {}
.chg__info__table tbody td {
  padding: 30px 40px 30px 0;
  vertical-align: middle;
}
.chg__info__table tbody td.is-anounce {
  padding-left: 20px;
}
.chg__info__table tbody td.is-change {
}
.chg__info__table tbody td.is-content {
  position: relative;
}
.chg__info__table tbody td.is-content a {
  text-decoration: underline;
}
.chg__info__table tbody td.is-content:after {
  position: absolute;
  content:"";
  width: 12px;
  height: 14px;
  background-image: url(../../container/img/common/ic_pdf.png);
  top: 50%;
  margin-top: -7px;
  right: 10px;
}
.chg__srch {}
.chg__srch__form {}
.chg__srch__form__table {
  width: 100%;
  font-size: 1.2rem;
  margin-top: 25px;
  margin-bottom: 40px;
}
.chg__srch__form__table tr {}
.chg__srch__form__table th {
  width: 120px;
  padding: 30px 0 30px 20px;
  vertical-align: top;
  font-weight: bold;
  color: #005bac;
}
.chg__srch__form__table td {
  vertical-align: middle;
  padding: 20px;
  padding-left: 0;
}
.chg__srch__form__table td input[type="text"] {
  width: 400px;
    -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 7px;
  margin-right: 10px;
}
.chg__srch__form__slct {
  position: relative;
}
.chg__srch__form__slct:after {
  content:"";
  background-image: url(../../container/img/common/ic_arrow-down_bl.png);
  width: 10px;
  height: 7px;
  -webkit-background-size: 10px auto;
  background-size: 10px auto;
  position: absolute;
  top: 15px;
  right: 10px;
  background-repeat: no-repeat;
}
.chg__srch__form__slct select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  border-radius: 0;
  width: 100%;
  background-color: #fff;
  padding: 7px 0 7px 20px;
  border: 1px solid #ccc;
  
}
.chg__srch__form__slct.is-big {
  margin-bottom: 15px;
}
.chg__srch__form__slct.is-year {
  display: inline-block;
  width: 120px;
  margin-right: 9px;
}
.chg__srch__form__slct.is-month {
  display: inline-block;
  width: 100px;
  margin: 0 9px;
}
.chg__srch__form__btn__wrap {
  text-align: center;
}
.chg__srch__form__btn {
  transition:.3s;
  cursor: pointer;
  display: inline-block;
  margin-right: 10px;
  background-color: #005bac;
  color: #fff;
  text-align: center;
  font-size: 1.6rem;
  width: 200px;
  height: 45px;
  line-height: 45px;
}
.chg__srch__form__btn:hover {
  opacity: .7;
}
.chg__srch__form__btn.is-clear {
    -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  border-radius: 0;
  background-color: #ccc;
}
@media screen and (max-width:640px) {
  
  .chg__info__ttl {
    margin-top: 20px;
  }
  
  .chg__srch__form__table {
    width: 100%;
    font-size: 1.2rem;
    margin-top: 25px;
    margin-bottom: 40px;
  }
  .chg__srch__form__table tr {}
  .chg__srch__form__table th {
    width: 100%;
    padding: 10px;
    display: list-item;
    list-style-type: none;
  }
  .chg__srch__form__table td {
    vertical-align: middle;
    padding: 10px;
    display: list-item;
    list-style-type: none;
  }
  .chg__srch__form__table td input[type="text"] {
    width: 100%;
    margin-bottom: 10px;
  }
  .chg__srch__form__slct {
    position: relative;
  }
  .chg__srch__form__slct select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border:none;
    border-radius: 0;
    width: 100%;
    background-color: #fff;
    padding: 7px 0 7px 20px;
    border: 1px solid #ccc;
  }
  .chg__srch__form__slct.is-big {
    margin-bottom: 15px;
  }
  .chg__srch__form__slct.is-year {
    width: calc(100% - 1.5em);
    margin-right: 0.5em;
    margin-bottom: 10px;
  }
  .chg__srch__form__slct.is-month {
    width: 100%;
    width: calc(100% - 4.5em);
    margin: 0;
    margin-right: 0.5em;
    margin-bottom: 10px;
  }
  .chg__srch__form__btn__wrap {
    text-align: center;
  }
  .chg__srch__form__btn {
    font-size: 1.4rem;
    width: 100%;
    height: 45px;
    line-height: 45px;
    margin-bottom: 10px;
  }
  .chg__srch__form__btn.is-clear {
      -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border:none;
    border-radius: 0;
    background-color: #ccc;
  }
}