@charset "UTF-8";
/* CSS Document */


/******************************************************

PC設定 1200px以上の場合に適用 

*******************************************************/

/* mv */
.mv {
	background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),url("/img/flow/bg.jpg");
}

.container {
  padding-bottom: 120px;
}


/* flow */
.flow__box {
  display: flex;
  flex-wrap: wrap;
}

.flow__item {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  padding: 50px 0;
  border-bottom: 1px solid #ddd;
}

.flow__item:first-child {
  border-top: 1px solid #ddd;
}

.flow__content {
  width: 60%;
  padding-left: 50px;
}

.flow__h3 {
  margin-bottom: 30px;
}

.flow__img {
  width: 40%;
}

.flow__img img {
  width: 100%;
}



/******************************************************

タブレットの設定 960px~1199pxの場合に適用 

*******************************************************/

@media screen and (max-width: 1199px){



	
}




/******************************************************

タブレットの設定 768px~959pxの場合に適用 

*******************************************************/

@media screen and (max-width: 959px){


	
	

}




/******************************************************

SPの設定 767px以下の場合に適用 

*******************************************************/

@media screen and (max-width: 767px){

/* flow */
.flow__content {
  width: 100%;
  margin-bottom: 30px;
  padding-left: 0;
}

.flow__item {
  padding: 30px 0px;
}

.flow__item:first-child {
  border-top: none;
}

.flow__h3 {
  margin-bottom: 20px;
}

.flow__img {
  width: 100%;
}
	
	
}