@charset "utf-8";
@media print {
	.spNav {
		display: none;
	}
}
.spOnly {
	display: none;
}
li{
  list-style: none;
}
a:hover {
	opacity: 0.7;
}
.arwlink {
	margin-top: 5px;
	margin-bottom: 15px;
}
.arwlink a {
	color: #407cba;
	background-image: url(/wr_css/wr_img/under/left_navi_arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0px 0px 0px 10px;
	text-decoration: underline;
}
#main .inner {
	width: 910px;
	margin: 30px auto;
}
#main h1 {
	box-sizing: border-box;
	width: 100% !important;
	height: auto;
	margin: 0 0 50px !important;
	text-align: center;
}
#main h2 {
	border: solid 1px #c4d8e1;
	margin-bottom: 20px;
  font-size: 16px;
  padding: 8px 8px 6px;
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.1);
}
#main, #main p {
	font-size: 15px;
	line-height: 1.5;
}
#main .top_function{
  padding: 0 10px 40px;
}
#main a.btn_blue{
  position: relative;
  box-sizing: border-box;
  border-radius: 6px;
  background-color: #0091e8;
  font-size: 18px;
  font-weight: bold;
  color: #fff !important;
  height: 70px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  text-align: center;
}
#main a.btn_blue::after {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    border: 0px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    transform: rotate(45deg);
    top: 50%;
    right: 20px;
    margin-top: -4px;
}
@media screen and (max-width: 767px) {
	body.spNav_fixed::before {
		z-index: 150;
	}
	.spOnly {
		display: block;
	}
	.pcOnly {
		display: none;
	}
  #main .inner {
		width: 93%;
	}
	#main h1 {
		margin-bottom: 20px !important;
		padding: 1em 10px;
		font-size: 22px !important;
		line-height: 1.2em;
	}	
  #main a.btn_blue{
    font-size: 16px;
    padding: 0 32px 0 20px;
    height: 54px;
  }
}