@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) {

}


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

p.video {
  position: relative;
  overflow: hidden;
  padding: 5px 0 5px 130px;
  border-top: 3px solid #000;
  font-size: 30px;
  margin-bottom:20px;
}

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

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

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



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

#first h3 {
  position: relative;
  overflow: hidden;
  padding: 5px 0 5px 130px;
  border-top: 3px solid #407ABA;
  font-size: 30px;
  margin-bottom:20px;
	color: #407ABA;
}

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

#first 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) {
	#first h3 {
	  padding: 5px 0 5px 70px;
	  font-size: 20px;
	}
	#first h3:before {
	width: 160px;
	}
}









/* 動画
=============================================== */
.movie-wrap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

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

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

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

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


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

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