@charset "utf-8";

/* ==

　style

=============================================================================== */
#main h3.tit3{
    margin-bottom: 20px !important;
    padding: 15px 0 !important;
    border-top: 2px dashed #ed6c00 !important;
    border-bottom: 2px dashed #ed6c00 !important;
}
#main h3.tit3-type2{
    position:relative;
    margin-bottom: 20px !important;
    padding: 15px 35px 15px 35px !important;
    background:#fde1cd;
    color:#ed6c00;
    border-radius: 5px;
    border-bottom:0;
    font-size:146%;
}
#main h3.tit3-type2:before,
#main h3.tit3-type2:after{
  content:'●';
  color:#fff;
  position:absolute;
  top:50%;
  font-size:18px;
  margin-top:-9px;
  line-height:1;
}
#main h3.tit3-type2:before{left:10px;}
#main h3.tit3-type2:after{right:10px;}
#main h4.tit4{
  border-bottom:1px solid #ccc; 
  margin-bottom:20px;
  font-size:146%;
  color:#ed6c00;
}
#main .numList li,
#main .num{
  position:relative;
  font-size:116%;
  padding:0 0 5px 2em;
}
#main .numList span,
#main .num  span{
  position:absolute;
  top:2px;
  left:0;
  line-height:1;
  padding:3px 6px;
  display:inline-block;
  font-size:12px;
  background:#ed6c00;
  color:#fff;
}
#main .imgNum{
  max-width:600px;
  margin: 0 auto 10px;
  padding:20px;
  text-align:center;
  position:relative;
}
#main .imgNum span{
  position:absolute;
  top:0;
  left:0;
  line-height:1;
  padding:6px 9px;
  display:inline-block;
  font-size:16px;
  background:#ed6c00;
  color:#fff;
}

#main .numTxt{padding-left:0;}
#main .numTxt span {
  position: static;
  margin-right:5px;
}
#main .numCircle{
  position: relative;
  padding-left:25px;
}
#main .numCircle span{
  position: absolute;
  top:0.4em;
  left:0;
  line-height:1.4;
  padding:0 5px;
  display:inline-block;
  font-size:13px;
  font-weight:normal;
  background:#ed6c00;
  color:#fff;
  border-radius: 40px;
}


#main .flexBox{
  display:flex;
  justify-content: space-between;
}
#main .flexBox.stepArw{
  position:relative;
}
#main .flexBox.stepArw:before{
  content: "";
  position:absolute;
  top:50%;
  left:50%;
  margin:0 0 0 -12px;
  width: 12px;
  height: 12px;
  border-top: 6px solid #e8812a;
  border-right: 6px solid #e8812a;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  
}

#main .flexBox .col{
  flex-basis:43%;
}

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