@charset "utf-8";
/* CSS Document */
.externalTest{
	position: fixed;
    bottom: 20px;
    left: 20px;
    background-color: white;
	border:2px solid;
    padding: 30px 50px;
	z-index: 1000;
}
@media screen and (max-width: 768px) {
	.externalTest{
		width:80%;
		padding:20px 10px;
		bottom:20px;
		left:50%;
		transform: translate(-50%);
	}
}

/*ヘッダー下メッセージ*/
.insert_headerMsg a{
	color:#fff;
	background-color: #000;
	padding: 10px 0;
	display: block;
	text-align: center;
	transition: 1s;
	font-size: 13px;
	font-family: __Noto_Sans_JP_949fe4,__Noto_Sans_JP_Fallback_949fe4,__Noto_Sans_JP_43dc8c,__Noto_Sans_JP_Fallback_43dc8c,'Noto Sans JP';
	line-height: 1.4;
	text-decoration: none;
	
}
.insert_headerMsg a span{
	text-decoration: underline;
}
.insert_headerMsg.reach_color a{
	background-color: #f5f5f5;
	color:#11181C;
}
@media screen and (min-width: 769px) {
	.insert_headerMsg a:hover{
		/*background-color: #5d5d5d;*/
	}
}
@media screen and (max-width: 768px) {
	.insert_headerMsg a{
		padding:1em 1.5em;
		position: relative;
		font-size:calc(100vw / 360 * 10);
	}
	.insert_headerMsg a::after{
		content:"";
		width:0.6em;
		height:0.6em;
		border-bottom:1px solid;
		border-right:1px solid;
		transform: rotate(-45deg);
		position: absolute;
		right:1em;
		top:calc(50% - 0.2em);

	}
}