@charset "utf-8";

.Heading {
	position: relative;
	font-size: 15px;
	font-weight: normal;
	line-height: 1;
	margin: 0 0 10px 30px;
	padding: 14px 5px 3px 10px;
	clear: both;
}
.Heading:before {
	position: absolute;
	background: #0D5292;
	top: 0;
	left: 0;
	height: 8px;
	width: 8px;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.Heading:after {
	position: absolute;
	background:#ffdab9;
	top: 15px;
	left: -10px;
	height: 12px;
	width: 12px;
	-moz-transform: rotate(15deg);
	-webkit-transform: rotate(15deg);
	-o-transform: rotate(15deg);
	-ms-transform: rotate(15deg);
	transform: rotate(15deg);
}


.subtitle{
	width:95%;
	position:relative;
	top:;
	left:-12px;
	border: 1px #dcdcdc solid;
	background-color:#fff;
	-webkit-box-shadow:0 0 0 0 #000,10px 4px 6px 0 rgba(0,0,0,0.5);
	-moz-box-shadow:0 0 0 0 #000,10px 4px 6px 0 rgba(0,0,0,0.5);
	box-shadow:0 0 0 0 #000,10px 10px 6px 0 rgba(0,0,0,0.5);
	padding:5px 10px 5px 15px;
	font-size: 16px;}

.subtitle:before{
	content:" ";
	position:absolute;
	top:100%;
	left:-12px;
	width:0;
	height:0;
	left:0;
	border-width:0 10px 10px 0;
	border-style:solid;
	border-color:transparent;
	border-right-color:#000;
}
.subtitle:after{
	content:" ";
	position:absolute;
	top:100%;
	left:-12px;
	width:0;
	height:0;
	left:0;
	border-width:0 5px 5px 0;
	border-style:solid;
	border-color:transparent;
	border-right-color:#000;
}

#Emphasis_a{
	position:relative;
	width:98%;
	background: #FFFFFF;
	border:solid 1px #7EBFC4;
	margin:10px;
}
#Emphasis_b{
	position:relative;
	width:98%;
	background: #FFFFFF;
	border:solid 1px #ff6347;
	margin:10px;
}
#Emphasis_c{
	position:relative;
	width:98%;
	background: #FFFFFF;
	border:solid 1px #888;
	margin:10px;
	padding:10px;
	line-height:1.5em;
}

	#page_top{
		width: 90px;
		height: 90px;
		position: fixed;
		right: 0;
		bottom: 50px;
		opacity: 0.6;
	}
	#page_top a{
		position: relative;
		display: block;
		width: 90px;
		height: 90px;
		text-decoration: none;
	}
	#page_top a::before{
		font-family: 'Font Awesome 5 Free';
		font-weight: 900;
		content: '▲';
		font-size: 25px;
		color: #3f98ef;
		position: absolute;
		width: 25px;
		height: 25px;
		top: -40px;
		bottom: 0;
		right: 0;
		left: 0;
		margin: auto;
		text-align: center;
	}
	#page_top a::after{
		content: 'PAGE TOP';
		font-size: 13px;
		color: #fff;
		position: absolute;
		top: 45px;
		bottom: 0;
		right: 0;
		left: 0;
		margin: auto;
		text-align: center;
		color: #3f98ef;
	}


.link_button_a {
	background: linear-gradient(#fff, #e6e6fa);
	font-size: 16px;
	font-weight: bold;
	display:block;
	text-decoration:none;
	text-align:center;
	margin: 10px 0 10px 0;
	border-top: 1px solid #dcdcdc;
	border-bottom:2px solid #444;
	padding: 15px;
	letter-spacing:0.1em;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.link_button_a:hover {
	background: linear-gradient(#fff, #e6e6fa);
	text-decoration: none;
	color: #ff0000;
}
.link_button_a:active {
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
	background: linear-gradient(#fff, #dcdcdc);
}

.link_button_b {
	background: linear-gradient(#fff, #dcdcdc);
	font-size: 16px;
	font-weight: ;
	display:block;
	text-decoration:none;
	text-align:center;
	margin: 5px 10px 10px 10px;
	border-top: 1px solid #dcdcdc;
	border-bottom:2px solid #444;
	padding: 8px;
	letter-spacing:0.1em;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.link_button_b:hover {
	background: linear-gradient(#fff, #dcdcdc);
	text-decoration: none;
	color: #ff0000;
}
.link_button_b:active {
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
	background: linear-gradient(#fff, #888);
}


/*フォームボタン*/
section {
  max-width: 400px;
  height: 100px;
  margin: auto;
}
a.btn_form {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  box-sizing: border-box;
  background: #fff;
  position: relative;
}
a.btn_form span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  background: #fff;
  box-sizing: border-box;
  color: #333;
  font-size: 14px;
  letter-spacing: 0.1em;
  text-decoration: none;
  box-shadow: 0px 5px 12px #888, -6px -6px 12px #FFF;
  border-radius: 10px;
  position: absolute;
  top: -5px;
  left: 0;
  transition-duration: 0.2s;
}
a.btn_form:hover span {
  left: 0;
  top: 0;
  box-shadow: 0 0 4px #888, -2px -2px 4px #FFF;
}

/* アンダーライン */
.Underline_yellow {
    background:linear-gradient(transparent 70%, #ffff89 0%);
}
.Underline_tomato {
    background:linear-gradient(transparent 80%, #ffa8a8 0%);
}
.Underline_aqua {
    background:linear-gradient(transparent 50%, #ccffff 0%);
}

.id_oshirase{
	position:;
	width:100%;
	background-color:#FFF;
	border:solid 2px #FCF;
	margin-bottom:20px;
	padding:10px;
}

.warning::after{
	content: "！Attention！";
	font-weight: bold;
	color: #ff0000;
	background-color: #ffff00;
	border: 2px solid #ff6347;
	border-radius: 5px;
	padding: 3px 10px;
}

.notes{
	font-size: 12px;
	color: #f00;
}