@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Roboto:400,500,700);
/* Global Styles */
/**/	

a:hover {
	color: #EF7D44
}
a, a::before, a::after {
	-webkit-transition: all .3s;
	transition: all .3s;
	text-decoration: none;
	color: #3e3a39
}
html {
  font-size: 62.5%;
}
html, body {
	height: 100%;
	width: 100%;
}
body {
	font-family:'Roboto',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}

table{
	border-collapse: collapse;
	border-spacing: 0;
}

h2 {
	font-size: 2.8rem;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	margin-bottom: 0.5em;
	color:#EF7D44;
}
h2 span.small {
	font-size: 1.8rem;
}
h3 {
	font-size: 1.6em;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	color:#EF7D44;
	line-height:1.5;
	margin-bottom: 1em
}
h4 {
	font-size: 1.2em;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
}
h5 {
	font-size: 15px;
	line-height: 22px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
}
p {
	font-size: 1em;
	margin-top:0px;
	margin-bottom:0px;
}
p a{
	text-decoration: underline!important
}
a.line{
	text-decoration: underline!important
}
.note {
	font-size: 12px;
	color: #838383;
}
.lead {
	font-size: 17px;
	line-height: 26px;
}
.lead-s {
	font-size: 15px;
	line-height: 22px;
	font-weight: bold;
}
.text_red {
	color: #FF0000;
}
.text_blue {
	color: #2380b7;
}
.text_white {
	color: #ffffff;
}
.text_gray {
	color: #999999
}
.text_green {
	color: #EF7D44
}
.bg_gray {
	background-color: #e1e1e1
}
.push50 {
	margin-top: 50px;
}
.filter {
	cursor: pointer;
}
.btn {
	color: #ffffff;
	padding: 5px 30px 5px 25px;
	text-decoration: none!important;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #EF7D44;

}
.btn_gray {
	background-color: #a9a9aa;
}
.btn:hover {
	color: #ffffff
}

.w10p {
	width: 10%;
	margin: 0 auto
}
.w15p {
	width: 15%;
	margin: 0 auto
}
.w20p {
	width: 20%;
	margin: 0 auto
}
.w30p {
	width: 40% ;
	margin: 0 auto
}
.w25p {
	width: 25% ;
	margin: 0 auto
}
.w40p {
	width: 40%;
	margin: 0 auto
}
.w50p {
	width: 50%;
	margin: 0 auto
}
ul, ol, dl {
	padding: 0;
	margin: 0;
	list-style: none
}
a img {
	border: none;
}
/*clearfix*/
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	zoom: 1;
}
.m0 {
	margin-top: 0px;
	margin-bottom: 0px;
}
.mt0 {
	margin-top: 0px !important;
}
.mt10 {
	margin-top: 10px;
}
.mt20 {
	margin-top: 20px;
}
.mt30 {
	margin-top: 30px;
}
.mt40 {
	margin-top: 40px;
}
.mt50 {
	margin-top: 50px;
}
.mb0 {
	margin-bottom: 0px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb40 {
	margin-bottom: 40px;
}
.mb50 {
	margin-bottom: 50px;
}
.mb60 {
	margin-bottom: 60px;
}
.ml20{
	margin-left: 20px
}
.flort_left {
	float: left;
}
.flort_right {
	float: right;
}

.mgn_right_0 {
	margin-right: 0 !important
}
.mgn_right_20 {
	margin-right: 20px !important
}
@media (max-width : 480px)  {
.mgn_right_0_sp {
	margin-right: 0 !important
	}
}
.color_bl {
	color: #3d4884
}
.color_grn {
	color: #3ca950
}
.color_org {
	color: #f98b1c
}
.color_ppl {
	color: #c276f6
}
.nobg {
	background: none !important;
	box-shadow: none !important;
}
.pd10 {
	padding: 10px;
}
/**/	

.txtcenter {
	text-align: center !important
}
.txtleft {
	text-align: left !important
}
.txtright {
	text-align: right !important
}
.here {
	background: #989898 !important;
	color: #ffffff !important
}
/**/
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 10px;
	z-index: 800;
}
#page-top {
	text-decoration: none !important;
	color: #fff;
	width: 40px;
	height: 40px;
	display: block;
	border-radius: 20px;
	text-indent: -9999px;
	background: url(../img/common/pagetop.png) no-repeat center #EF7D44;
	cursor: pointer;
}
#page-top:hover {
	text-decoration: none !important;
	background: url(../img/common/pagetop.png) no-repeat center #727171;
}
/**/
img{
	width:auto;
	max-width:100%;
}
.center{
	text-align:center;
	margin-right:auto;
	margin-left:auto;
}