@charset "utf-8";

/*--------------------------------------------------*/
/*タイトル*/
/*--------------------------------------------------*/
.stepTtl{
  position:relative;
}
.stepTtl .txt{
  width:100%;
  margin-top:-0.6em;
  font-size:214.29%;
  font-weight:bold;
  line-height:1.2;
  position:absolute;
  top:50%;
  left:0;
}
.stepTtl .txt span{
  padding-right:3%;
  padding-left:3%;
  display:block;
}
.stepTtl img{width:100%;}


/*--------------------------------------------------*/
/*ナビ*/
/*--------------------------------------------------*/
.stepNav{
  margin-top:30px;
}
.stepNav.upr{
  border-bottom:4px solid #31496b;
}
.stepNav.btm{
  margin-top:40px;
  border-top:4px solid #31496b;
}

.stepNav ul{
}
/*==clearfix==*/
.stepNav ul:after{content:""; display:block; clear:both;}

.stepNav li{
  width:20%;
  float:left;
}
.stepNav li a{
  display:block;
}
.stepNav li a:link, .stepNav li a:visited{
  border-right:1px solid #dcdcdc;
}
.stepNav li a:hover, .stepNav li a:active{
}

.stepNav li:first-child a,
.stepNav li.firstChild a{
  border-left:1px solid #dcdcdc;
}
.stepNav li.cr:first-child a,
.stepNav li:first-child a:hover, .stepNav li:first-child a:active{
  border-left:1px solid #31496b;
}
.stepNav li.cr:last-child a,
.stepNav li:last-child a:hover, .stepNav li:last-child a:active{
  border-right:1px solid #31496b;
}

.stepNav.upr li a{
  padding:12px 5px 25px;
  border-top:1px solid #dcdcdc;
}
.stepNav.btm li a{
  padding:22px 5px 15px;
  border-bottom:1px solid #dcdcdc;
}

.stepNav.upr li a:link, .stepNav.upr li a:visited{
  background:#fff url(/contents/sumai/step/img/stepnav_arw_btm.png) center bottom no-repeat;
}
.stepNav.upr li.cr a,
.stepNav.upr li a:hover, .stepNav.upr li a:active{
  background:#31496b url(/contents/sumai/step/img/stepnav_arw_btm_on.png) center bottom no-repeat;
  border-top:1px solid #31496b;
}

.stepNav.btm li a:link, .stepNav.btm li a:visited{
  background:#fff url(/contents/sumai/step/img/stepnav_arw_top.png) center top no-repeat;
}
.stepNav.btm li.cr a,
.stepNav.btm li a:hover, .stepNav.btm li a:active{
  background:#31496b url(/contents/sumai/step/img/stepnav_arw_top_on.png) center top no-repeat;
  border-bottom:1px solid #31496b;
}

.stepNav li a span{
  font-size:85.71%;
  display:block;
}
.stepNav li a:link span, .stepNav li a:visited span{color:#31496b;}
.stepNav li.cr a span,
.stepNav li a:hover span, .stepNav li a:active span{color:#fff;}

.stepNav li a em{
  font-weight:bold;
  display:block;
}
.stepNav li a:link em, .stepNav li a:visited em{color:#31496b;}
.stepNav li.cr a em,
.stepNav li a:hover em, .stepNav li a:active em{color:#fff;}

@media only screen and (max-width: 768px){
.stepNav.btm{
  margin-top:20px;
}
}

@media only screen and (max-width: 400px){
.stepNav li{
  width:100%;
  float:none;
}
.stepNav li a{
  border-right:none;
  text-align:left;
}
.stepNav.upr li a,
.stepNav.btm li a{
  padding:4%;
}

.stepNav.upr li a:link, .stepNav.upr li a:visited{
  background:#fff url(/contents/sumai/step/img/stepnav_arw_btm.png) 94% 75% no-repeat;
}
.stepNav.upr li.cr a,
.stepNav.upr li a:hover, .stepNav.upr li a:active{
  background:#31496b url(/contents/sumai/step/img/stepnav_arw_btm_on.png) 94% 75% no-repeat;
}

.stepNav.btm li a:link, .stepNav.btm li a:visited{
  background:#fff url(/contents/sumai/step/img/stepnav_arw_top.png) 94% 25% no-repeat;
}
.stepNav.btm li.cr a,
.stepNav.btm li a:hover, .stepNav.btm li a:active{
  background:#31496b url(/contents/sumai/step/img/stepnav_arw_top_on.png) 94% 25% no-repeat;
}


.stepNav li a span{
  margin-right:1em;
  display:inline-block;
}
.stepNav li a em{
  display:inline-block;
}
}


/*--------------------------------------------------*/
/*stepExp*/
/*--------------------------------------------------*/
.stepExp{
  margin-top:25px;
  text-align:left;
}

.stepExp .seTtl{
  color:#31496b;
  font-size:142.86%;
  font-weight:bold;
}

.stepExp .seInner{
  margin-top:15px;
}

@media only screen and (max-width: 1000px){
.stepExp{
  width:94%;
  margin-right:auto;
  margin-left:auto;
}
}


/*--------------------------------------------------*/
/*stepCnt*/
/*--------------------------------------------------*/
.stepCnt{
}
.stepCnt .scInner{
  padding:29px;
  border:1px solid #d2d2d2;
}

.stepCnt .scTtl{
  padding-bottom:15px;
  color:#de6b18;
  font-size:114.29%;
  font-weight:bold;
}
.stepCnt .scTtl span{
  padding-bottom:15px;
  border-bottom:1px dotted #d2d2d2;
  display:block;
}

.stepCnt .scLine hr{display:none;}

.stepCnt .scBody{
}

@media only screen and (max-width: 1000px){
}

@media only screen and (max-width: 768px){
}