@charset "utf-8";
@import "cssreset-min.css";
@import "style.css";
@import "common.css";
@import "tanaka-footer.css";
/* https://www.tanaka-kinoie.co.jp/ */



/* 
=============================================== */
@media only screen and (min-width: 769px) {
	
}

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

}


/* 
=============================================== */





/* https://jajaaan.co.jp/css/css-headline/
=============================================== */

#flow h3 {
  position: relative;
  overflow: hidden;
  padding: 5px 0 5px 130px;
  border-top: 3px solid #000;
  font-size: 26px;
  margin-bottom:20px;
}

#flow h3:before {
  position: absolute;
  top: -150%;
  left: -100px;
  width: 200px;
  height: 300%;
  content: '';
  -webkit-transform: rotate(25deg);
  transform: rotate(25deg);
  background: #000;
}

#flow h3 span {
  xfont-size: 40px;
  xfont-size: 4rem;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  padding-top: 3px;
  padding-left: 16px;
  color: #fff;
}

@media screen and (max-width: 640px) {
	#flow h3 {
	  padding: 5px 0 5px 70px;
	  font-size: 20px;
	}
	#flow h3:before {
	width: 160px;
	}
}









/* 動画
=============================================== */


#flow div.box ul li img {
	width:100%;
}

/* 
=============================================== */
#flow div.box {
	overflow:hidden;
	zoom:1;
	margin-bottom:50px;
}

#flow div.box p {
	font-size:16px;
	line-height:1.8;
}

#flow div.box ul {
	margin-bottom:20px;
}


@media only screen and (min-width:  769px) {  
	#flow div.box ul {
		float:left;
		width:48%;
	}
	#flow div.box p {
		float:right;
		width:48%;
	}
}

#flow p.link {
	font-weight:bold;
	margin-top:20px;
}
#flow p.link a {
	color:#FF6B81;
}