/* 320px/740px/741px/979px/980px */

/* 以下は普通のCSSを書けばOK */

@charset "utf-8";

/* モバイルファースト（差分記述：末尾のメディアクエリ―別記載の箇所に個別指定しない限りすべてのデバイスでこの欄の記述が有効） */
/* 160404 */

.h2_head{
	position:relative;
	padding:9px;
	padding-left:25px;
	margin:40px 0 20px 0;
	line-height:2em;
	font-weight: normal;
	font-size: 18px;

	background:#d50b19 url(../img/common/midashi_bg.png) no-repeat bottom right;
	color: #fff;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
 
.h2_head:before{
	content:''; 
	height:calc(100% - 10px); 
	width:2px; 
	display:block; 
	position:absolute; 
	top:5px; 
	left:6px; 
	background-color:#fff;
	border-left: 4px solid #fff;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}


.top_midashi_h3		{position:relative;font-size:1.5rem;position:absolute;top: 40%;left: 5%;width: 200px;}

.top_midashi_s		{position:absolute;top: -16px;font-size:0.8rem;}

.h3_treat		{font-size:1.2em;color:#364a91; margin-bottom:20px;}

/*---------------------------------------------
 ** 個別指定 for スマートフォン
---------------------------------------------*/
@media screen and (max-width: 740px) {






}
/*---------------------------------------------
 ** 個別指定 for タブレット
---------------------------------------------*/
 @media screen and (min-width: 741px) and (max-width: 979px) { 




#pagetop		{width:80px; height:110px; position: fixed;right: 80px; bottom: 100px; z-index:9999;}
}
/*-----------------------------------------------------	*/
/*  個別指定 for PC	*/
/*-----------------------------------------------------	*/
@media screen and (min-width: 980px) {




#pagetop		{width:80px; height:110px; position: fixed;right: 40px; bottom: 100px; z-index:9999;}
}
