/* 
 * ------- setup ---------------------
 */

 /*===========================
top
===========================*/


/*----------------------------
visual-cut
-----------------------------*/

.askew2 {
	position: relative;
}

/* カバー左 */


.askew2 .askew-area {
	width: 57%;
	height: 42vw;
	left: -7%;
	top:0;
	position: relative;
	z-index: 0;
	transform: skewX(-18deg);
}





/* カバー右画像見本 */
.vis2 {
	background: url(../img/vis02.jpg) 40vw center;
	background-size: 65%;
}


@media only screen and (max-width: 600px) {
	.vis2 {
	background-size: 67%;
}

}


.askew2 .askew-area .catch {
  display: flex;
  justify-content: center;
  align-items: center;
	height: 100%;
	padding: 0 5% 0 5%;
}


.askew2 .askew-area .catch::before {
  content: "";
  position: absolute;
  background: #FFF;
  top: 50%;
  right: -2%;
  height: 6%;
  width: 1.6%;
margin-top: -2%;
transform: skewX(36deg);
	z-index: 9999;
}
.askew2 .askew-area .catch::after {
  content: "";
  position: absolute;
  background:#FFF;
  top: 50%;
  right: 1%;
  height: 6%;
  width: 1.6%;
	margin-top: -2%;
transform: skewX(36deg);
}

.askew2 .askew-area .catch p {
	font-size: 2.6vw;
	line-height: 1.4em;
	color: #FFF;
	font-family: serif;
	font-weight: 500;
	transform: skewX(18deg);
}
.askew2 .askew-area .catch p .sub_catch {
	font-size: 1.7vw;
	line-height: 1.4em;
}


.catch .catch-color {
	color: #9e8318;
}


.catch .smaller {
	font-size: 0.5em;
	display: block;
	letter-spacing: 0.1em;
}




/* カバー左色選択 */
.askew2 .askew-area {
/* ブルー 
background: #204092;
*/
/* グリーン 
background: #2e6532;
*/

/* グレー
background: #394141;
*/

/* ピンク  */
/*background: #de86a0;*/
background: #e084ad;

/* ブラック 
background: #292929;
	*/
}