/*=============================================================
 employee_shokai
=============================================================*/
#mainImg {
  display: none;
  background-image: url(../img/employee/img_main_sp.jpg); }
  @media (min-width: 640px) {
    #mainImg {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      background-image: url(../img/employee/img_main_pc.jpg); } }

#employee_shokai section {
  margin-bottom: 50px; }
  @media (min-width: 640px) {
    #about_haken section {
      margin-bottom: 70px; } }

#employee_shokai #sec02 .pic {
  display: block;
  margin: 15px auto 0; }
  @media (min-width: 640px) {
    #employee_shokai #sec02 .pic {
      margin: 30px auto 0; } }

#employee_shokai #sec04 .txt {
  margin-bottom: 30px; }
/*=============================================================
 追記
=============================================================*/

.f_normal{/*-文字太さ　normal*/
	font-weight: normal;}
  @media (min-width: 640px) {
	  .f_normal{
		  font-weight: normal;}}

.p_b{/*padding　bottom調整*/
	padding-bottom: 20px;}
  @media (min-width: 640px) {
		.p_b{
		  padding-bottom: 30px;}}

.annotation{/* 注釈 */
	font-size:14px;
	text-align: left;
	margin: 15px 0 15px 10px;}
  @media (min-width: 640px) {
	  .annotation{
			text-align: right;
		  	margin: 0 0 15px 0;}}


/*--------------------------------------------------仕組み*/

#sec01{
	
}

#sec01 img{
	display: block;
	width: 100%;
	padding: 0;
	margin: 15px auto;}
		  	@media (min-width: 640px) {
			#sec01 img{
			display: block;
			width: 80%;
			padding: 0;
			margin: 20px auto;}}

/*-----------------------------------------------------------------仕組み end*/

/*-----------------------------------------------------------------------流れ*/
.flow_ia {
  display:block;
  position:relative;
  background-color:#ecf2fd;
  padding: 15px;}
     @media (min-width: 640px) {
    .flow_ia {
      display:flex;
        display:-webkit-flex;
        flex-wrap:nowrap;
        -webkit-flex-wrap:nowrap;
      margin:1em 0;
       padding: 0;}}

.flow_ia .flow_step {
  background-color:#6b86f0;
    width:80px;
    height:80px;
    min-width:80px;
    border-radius:50%;
    position:absolute;
    top:15px;
  left:15px;}
    @media (min-width: 640px) {
    .flow_ia .flow_step {
    background-color:#6b86f0;
    width:125px;
    height: 100%;
    border-radius:0;
    top:0;
    left:0;}}

.flow_ia .flow_step img {
  position:relative;
  width: 75%;
    top:0;
    margin-top:0;
    top:15px;
    left:59%;
    margin-left:-32px;}
  @media (min-width: 640px) {
    .flow_ia .flow_step img {
      position:relative;
      top:50%;
      width: 50%;
      height: auto;
      margin-top:-18px;
      margin-left:-35px;}}

.flow_ia .flow_textbox {
  box-sizing:border-box;}
  @media (min-width: 640px) {
    .flow_ia .flow_textbox {
      width:100%;
    padding:15px 15px 15px 0;
    margin-left: 100px;}}

.flow_text_ttl {
  padding-left: 95px;
    padding-bottom:25px;
  border-bottom:2px solid #bbb;
    box-sizing:border-box;}
  @media (min-width: 640px) {
  .flow_text_ttl {
      width:95%;
      border-bottom:1px solid #bbb;
    margin: 0 -40px 0 40px;
    padding-bottom:5px;
    padding-left: 0;}}

.flow_text_ttl .flow_text_ttlMain {
  color:#6b86f0;
  font-size:27px;
  font-weight:bold;
  margin:0;}
  @media (min-width: 640px) {
    .flow_text_ttl .flow_text_ttlMain {
      color:#6b86f0;
      font-size:27px;
      font-weight:bold;
    margin:0;}}

.flow_text_ttl .flow_text_ttlSub {
  color:#333;
  font-size:16px;
  font-weight:bold;
  margin:0;}

.flow_ia .flow_textbox .flow_text_p1 {
  width:100%;
  height: auto;
  margin: 15px auto;}
  @media (min-width: 640px) {
  .flow_ia .flow_textbox .flow_text_p1 {
      width:95%;
    margin: 0 -40px 0 40px;
    height: auto;
    padding: 15px 0;}}

.flow_btnlist {
  display:flex;
  display:-webkit-flex;
  flex-wrap:nowrap;
  -webkit-flex-wrap:nowrap;}

.flow_btnlist div {
/*  margin-right:1.5em; */}

 .flow_ia_sankaku {
   display: block;
   margin:20px auto;}
  @media (min-width: 640px) {
    .flow_ia_sankaku {
      display: block;
      margin:0 auto;}}

.flow_btnlist .flow_btnlink a {
  display:block;
  background-color:#fff;
  line-height:35px;
  padding:0 19px 0 6px;
  font-size: 13px;
  position:relative;
  color:#f06b80;
  box-sizing:border-box;
  border:1px solid #f06b80;
margin:0 2px;}
@media (min-width: 640px) {
  .flow_btnlist .flow_btnlink a {
      display:block;
      background-color:#fff;
      line-height:35px;
      padding:0 40px;
    font-size: 17px;
    margin-left: 40px;
      position:relative;
      color:#f06b80;
      box-sizing:border-box;
    border:1px solid #f06b80;}}

.flow_btnlink {
  position:relative;}

.flow_btnlink a img {
  vertical-align:0em;
  display:inline-block;
  position:absolute;
  top:9px;
  right:4px;}
@media (min-width: 640px) {
  .flow_btnlink a img {
    right:15px;}}

/*-----------------------------------------------------------------------流れ end*/