@charset "Shift_JIS";


/*.keyimgBox {
	background: #bde021;
}*/

/*---------------------------------
 見出しタグ
----------------------------------*/

.container h2:after{
	background-color: #3742ec;
}

h3{
	border:none;
	background:none;
}

h3:after{
	background:none;
}

h3.ribbon{
	line-height:1.7!important;
}


p.fs16 span{
	font-size:1em;
}
/*---------------------------------
 リボン
 
----------------------------------*/


h3.ribbon .ribbonOuter{
		position:relative;
	overflow: hidden;
	display:inline-block;
	padding-top:1px;
	padding-bottom:1px;
	background:#3742ec;
}
h3.ribbon .ribbonOuter > span{
	display:inline-block;
	margin-bottom:0;
	padding:0.1em 1.5em 0 10px;
	color:#fff;
	border-top:1px dashed #bde121;
	border-bottom:1px dashed #bde121;
}
h3.ribbon .ribbonOuter > span:after{
	content:"";
	position:absolute;
	height:0;
	width:0;
	border-right: 20px solid #ffffff;
	border-bottom: 50px solid transparent;
	border-top: 50px solid transparent;
	right: -5px;
	top: 50%;
	left:auto;
	margin-top: -50px;
	background:none;
}
h3.ribbon .va{
	margin-top: 0.2em;
	position: absolute;
}
@media screen and (max-width:767px) {
	h3.ribbon .ribbonOuter {
		float: none;
		display: inline-block;
		padding-top: 3px;
		padding-bottom: 3px;
	}
	h3.ribbon .va {
		position: relative;
		display: block;
		font-weight:bold;
	}
}
/*---------------------------------
 角丸キャッチコピー用
----------------------------------*/

p.deadline {
	text-align:center;
	font-size:1.3rem;
	margin-bottom:0.9em;
	line-height: 1.2;
	color: #ffffff;
	background-color: #ff5b23;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px;
}


/*---------------------------------
 文字装飾
----------------------------------*/
span.point{
	color:#ffffff !important;
	font-weight:bold;
}
span.point8{
	color:#eaff45 !important;
	font-weight:bold;
}
.line1{
	line-height:1em!important;
}
/*---------------------------------
 グリッドポイントバック　矢印の回転
----------------------------------*/

@media screen and (max-width:767px) {
	.gridpback .grid9 img{
		display:block;
	}
	.kaiten{
		transform: rotate(90deg);
	}
}